ES6的解构和数组的迭代

1.版本问题：

2015年   ES2015   ES6  划时代的版本
2016     ES2016   ES7
2017     ES2017   ES8
2018     ES2018  ...
...
2021     ES2021

一.let和const：

let声明变量，可变，不能重复声明，否则报错

const定义常量，不可变，let所拥有的的特点，const都有

const特点：

• 不允许被重新赋值

• 常量必须在定义的时候，就初始化(赋值)

• 建议：const定义的常量的名称，一般为大写

二.解构赋值

按照一定模式从数组和对象中提取值，然后赋值给变量

如果解构不成功，则变量的值为undefined

不完全解构：等号左边的模式值匹配一部分的等号右边的数组，仍然可以解构成功

解构赋值允指定默认值

默认值可以引起解构的其他变量，但是该变量必须已经声明 

1.对象的解构赋值

对象的解构也可以指定默认值，默认值生效的条件是，对象的属性严格的等于undefined

如果解构失败，变量的值就等于undefined

如果解构的模式是嵌套的对象，而且子对象所在的父属性不存在，则会报错

2.字符串的解构赋值

字符串解构赋值时字符串被转换成了一个类似于数组的对象

3.函数的解构赋值

函数参数也可以进行解构，也可使用默认值

4.数值和布尔的解构赋值

解构赋值时，如果等号右边是数值或者布尔值，则会先转换成为对象，在进行赋值

解构的规则：只要等号的右边不是对象或者数组，都会先将其转换成对象（注：undefined和null无法转换成对象，对其进行赋值时都会报错）

数组的扩展

扩展运算符(...)

主要用于函数调用

扩展运算符 后可以放表达式

如果扩展运算符后面是一个空数组，则不产生任何效果

可以合并数组

可以与结构赋值结合起来生成数组

若扩展运算符用于数组，只能放在参数的最后一位，否则报错

可以将字符串转为真正的数组

数组的迭代方法

js提供了一些迭代方法，包括every,some,filter,map，forEach.

every()：对数组中的每一项运行给定函数，如果该函数对每一项都返回true，则返回true。

示例：

var arr = [10, 201, 301, 1000]; 
var rst=arr.every(function(value){
            return value>200;
        })

filter()：对数组中的每一项运行给定函数，返回该函数会返回true 的项组成的数组。

示例：

 var arr = [10, 20, 30, 40, 100, 99];
     var arrx = arr.filter(function (v, i) {
         return v > 60;
     });

     console.log(arrx);

forEach()：对数组中的每一项运行给定函数。这个方法没有返回值。

示例：

arr.forEach(function (value) {
         console.log(value);
         return;
      })

map()：对数组中的每一项运行给定函数，返回每次函数调用的结果组成的数组。

示例：

 var arr = [10, 20, 30, 900];
 var arr0=arr.map(function(v){
     return v+10;
 })
 console.log(arr0);

some()：对数组中的每一项运行给定函数，如果该函数对任一项返回true，则返回true.

示例：

 var arr = [10, 201, 301, 1000];
     var rst = arr.some(function (v) {//v 数组中的每个元素
         return v > 200;
     });

every主要是用于判断一个素组中的值是否符合某个标准。必须是每个值都符合才会返回true。否则返回false.
而some()函数只需要有一个值返回的是true就会返回true.