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.