韩国网站加速器,成都网站建设价格表,腾讯邮箱邮箱入口,盐城营销型网站解构赋值是一种快速为变量赋值的简洁语法#xff0c;本质上仍然是为变量赋值。
3.1数组解构
数组解构是 将数组的单元值快速批量赋值给一系列变量 的简洁语法
1.基本语法: #xff08;1#xff09;赋值运算符左侧的[ ]用于批量声明变量#xff0c;右侧数组的单元值将被赋…解构赋值是一种快速为变量赋值的简洁语法本质上仍然是为变量赋值。
3.1数组解构
数组解构是 将数组的单元值快速批量赋值给一系列变量 的简洁语法
1.基本语法: 1赋值运算符左侧的[ ]用于批量声明变量右侧数组的单元值将被赋值给左侧的变量 2变量的顺序对应数组单元值的位置依次进行赋值操作 基本语法典型应用交互2个变量 2.1变量多单元值少 变量的数量大于单元值数量时多余的变量将被赋值为undefined
2变量少单元值多
3.利用剩余参数解决变量少单元值多的情况 4.防止有undefined传递单元值的情况可以设置默认值 允许初始化变量的默认值且只有单元值为undefined时默认值才会生效
5.按需导入忽略某些返回值: 6.支持多维数组的结构:
3.2对象解构
对象解构是将对象属性和方法快速批量赋值给一系列变量的简洁语法
一、基本语法 1.赋值运算符 左侧的{ }用于批量声明变量,右侧对象的属性值将被赋值给左侧的变量 2.对象属性的值将被赋值给与其属性名相同的变量 3.注意解构的变量名不要和外面的变量名冲突否则报错 4.对象中找不到与变量名一致的属性时变量值为undefined 【例如】
scriptconst obj {uname: Kai,age: 18}// 解构的语法const { uname, age } objconsole.log(uname) // Kaiconsole.log(age) // 18
/script二、给新的变量名赋值 可以从一个对象中提取变量并同时修改新的变量名 冒号表示 “什么值赋值给谁”
三、数组对象解构 四、多级对象解构
3.3遍历数组forEach方法(重点)
forEach()方法用于调用数组的每个元素并将元素传递给回调函数 ●主要使用场景: 遍历数组的每个元素 ●语法:
被遍历的数组.forEach(function (当前数组元素,当前元素索引号) {// 函数体
})【例如】
const arr [red, blue, pink]
arr.forEach(function (item, index) {console.log(item) // 依次打印数组每一个元素console.log(index) // 索引号
})注意: 1.forEach主要是遍历数组更适合于遍历数组对象 2.参数 当前数组元素是必须要写的索引号可选
3.4筛选数组filter 方法(重点)
filter()方法创建一个新的数组新数组中的元素是通过检查指定数组中符合条件的所有元素 ●主要使用场景: 筛选数组符合条件的元素并返回筛选之后元素的新数组 ●语法 【例如】
script// 筛选数组中大于等于20的元素const arr [10, 20, 30]const str arr.filter(function (item, index) {return item 20})// const str arr.filter(item item 20)console.log(str) // [20,30]
/script●返回值返回数组包含了符合条件的所有元素。如果没有符合条件的元素则返回空数组 ●参数: item 必须写index 可选 ●因为返回新数组所以不会影响原数组
