es6赋值解构

最新推荐文章于 2025-07-30 16:36:32 发布

cv酱

最新推荐文章于 2025-07-30 16:36:32 发布

阅读量141

点赞数

CC 4.0 BY-SA版权

文章标签： es6 javascript 前端

本文链接：https://blog.youkuaiyun.com/YingUser/article/details/125825987

本文主要探讨ES6中的解构赋值特性，包括如何遍历对象并利用解构赋值进行高效操作，以及解构赋值在字符串API中的应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、遍历对象

let o=[x:1,y:2]
for (const [name,value] of Object.entries(o)){

console.log(name,value) //x 1,y 2

2、操作字符串的丰富API

let s='Hello,world'

1、取得字符串的一部分

s.substring(1,4)    //'ell' ,第2~4个字符

s.slice(1,4)       //'ell' ,第2~4个字符

s.slice(-3)           // 'rld',最后三个字符
 
s.split(',')       //['Hello','world']   从定界符处拆开

2、搜索字符串

s.indexOf('l')  // 2     第一个字母l的位置    2 表示下标
  
s.indexOf('l'，3) //3    位置3后面的第一个‘l’，的位置

s.indexOf('zz')  // -1     s并不包含子串 'zz'

s.lastIndexOf('l')  // 10  最后一个字母 l 的位置

//ES6及之后的版本中的布尔值搜索函数

s.replace('llo','ya')  //'heya,world'

s.toLowerCase()  //'hello,world'

s.toUpperCase()   //'HELLO,WORLD'

s.normalize()  //Unicode NFC   归一化，ES6新增

s.normalize('NFD')  //NFD 归一化  

////访问字符串中的个别(16位值)字符

s.charAt(O)//=> "H":第一个字符

s.charAt(s.length-1)//=> "d":最后一个字符

s.charCodeAt(O)//=> 72:指定位置的16位数值

s.codePointAt(O)//=> 72: ES6,适用于码点大于16位的情形

//ES2017新增的字符串填充函数

"x".padStart(3)=> " x":在左侧添加空格,让字符串长度变成3

"x".padEnd(3)=> "x ":在右侧添加空格,让字符串长度变成3

"x".padStart(3, "*")=> "**x":在左侧添加星号,让字符串长度变成3

"x".padEnd(3, "-")=> "x--":在右侧添加破折号,让字符串长度变成3

//删除空格函数  trim()  是ES5就有的，其他是ES209怎加的

' test '.trim()    //  'test'删除开头和末尾的空格

' test '.trimStart()  //'test '删除左侧空格 也叫trimLeft

' test '.trimEnd()  //删除右侧空格 也叫tirmRight

//未分类字符串方法 

s.concat('!')  //'Hello,world!'  可以用+ 操作符代替

'<>'.repeat(5)  //'<><><><><>'  拼接n次 ES6新增