【博学谷学习记录】超强总结,用心分享|前端开发基础知识总结(js五)

解构: 解构赋值是一种快速为变量赋值的简洁语法,本质上仍然是为变量赋值

                数组解构:将数组的单元值快速批量赋值给一系列变量的简洁语法

                        const [a,b,c]=[1,2,3]

                        let a=1,b=2;[b,a]=[a,b](两个变量值交换)

                变量的数量大于单元值的数量时,多余的变量将被赋值为undefined(防止有undefined,可以设置默认值)

                变量少,单元值多时,使用剩余参数接收,但只能放在末尾

                支持多维数组的解构 const[a,[b,c]]=["一",["二","三"]]

JS前必须加;的情况:

                  1.立即执行函数:(function (){})();   或者:;(function(){})()

                  2.数组解构:  ;[b,a]=[a,b]

         对象解构:将对象属性和方法批量赋值给一系列变量的简洁语法

                const user={name:'晓梅',age:18}   const{name,age}=user

                1.对象属性的值将被赋值给与属性名相同的变量

                2.注意结构的变量名不要和外面的变量名冲突

                3.对象中找不到与变量名一致的属性时变量值为undefined

                给新的变量名赋值  const{name:uname,age}=user  uname为新的变量名

数组对象解构:const pig=[{name:'佩奇',age2}]   const[{name,age}]=pig

多级对象解构: const pig={name:'佩奇',family:{mother:'猪妈妈',father:'猪爸爸',brother:'乔治'},age:2}

                        const  {name,family:{mother,father,brother},age}}=pig

                数组遍历:forEach方法:遍历数组的每一个元素

                forEach()遍历数组的每一个元素,并将元素传递给回调函数

                        被遍历的数组.forEach(function(数组元素(必写),元素索引值(选写)){

                                                                                函数体

                                                                        })

                筛选数组:filter

                filter()创建一个新的数组,新数组中的元素是通过检查指定数组中符合条件的所有元素.

                筛选数组符合条件的元素,并返回筛选之后元素的新数组

                const newArr= 被遍历的数组.filter(function(currentValue(必写),index(选写)){

                                     return 筛选条件   })