ES6中的数组

1、回顾

用ES5定义一个加法函数：

function add(a,b){
    return a+b;
}
console.log(add(1,2));    //3

如果b有默认值：（这个时候可以只传一个参数）

function add(a,b=1){
    return a+b;
}
console.log(add(1));    //2

2、ES6中函数抛出错误

function add(a,b=1){
    if(a == 1){
        throw new Error('a is a error');
    }
    return a+b;
}
console.log(add(1));     //Uncaught Error: a is a error

通过throw new Error，控制台可以抛出我们自定义的错误

3、函数中的严谨模式

在ES5中，严谨模式'use strict'只能在文件的最上面，相当于全局使用，而在ES6中，可以写在函数中或者是块级作用域{}中，如下：

function add(a,b=1){
    'use strict'
    return a+b;
}
console.log(add(1));    //Illegal 'use strict' directive in function with non-simple parameter list

会报错是因为默认值与严谨模式冲突了，如果在函数中使用严谨模式，那么函数的参数就不能有默认值，将默认值去掉，程序就可以正常运行：

function add(a,b){
    'use strict'
    return a+b;
}
console.log(add(1,2));      //3

4、获得函数需要传递的参数

在ES6中，可以通过函数名.length的方式获得函数需要传递的参数：

function add(a,b){
    return a+b;
}
console.log(add.length);      //2

但如果这时候我们给b一个默认值：

function add(a,b=1){
    return a+b;
}
console.log(add.length);      //1

所以通过函数名.length获得的就是函数必须要传的参数的个数，（不包括函数中有默认值的参数）

5、箭头函数

将上面的加函数变成箭头函数：

var add = (a, b) => a+b;
console.log(add(1,2));      //3

如果函数体只有一句话就可以省略函数的花括号{}，这时候就相当于{return a+b;}，如果函数体里不止有一条语句，那么花括号{}不能省
此外，箭头函数中不能使用new，所以，箭头函数不能当构造函数使用

6、函数解构

①函数对对象的解构

let json = {
    a:'字符串a',
    b:'字符串b'
};
function fun({a,b}){
    console.log(a,b);
}
fun(json);      //字符串a 字符串b

通过该方式，json型的数据可以直接传到函数中，不用再一次次传参数了
②函数对数组的解构

let arr = ['值1','值2','值3'];
function fun(a,b,c){
    console.log(a,b,c);
}
fun(...arr);      //值1 值2 值3

通过对象扩展运算符，可以在函数中传入数组，而不用传入一个一个的值

7、ES6中的in

①判断对象中是否存在某个键名：

let obj = {
    a:'值a',
    b:'值b'
};
console.log('a' in obj);      //true
console.log('c' in obj);      //false

如果存在，则返回true，否则返回false
②判断数组的值是否是空值
在ES5中可以通过数组.length的方式看数组是否有值，但该方法有个弊端，如下：

let arr = [,,,,,];
console.log(arr.length);    //5

当数组都是空值时，数组依旧有长度值
针对这种情况，在ES6中就可以通过in的方式来判断

let arr = [1,,,,];
console.log(0 in arr);      //true
console.log(1 in arr);      //false

当数组在该位置上不是空值时，会返回true，如果是空值会返回false（这里的0和1代表的是数组的下标即索引）

8、数组遍历的各种方式

①forEach：

let arr = ['值1','值2','值3'];
arr.forEach((item,index)=>console.log(index, item));
//0 "值1"
//1 "值2"
//2 "值3"

②filter

let arr = ['值1','值2','值3'];
arr.filter((item,index)=>console.log(index, item));
//0 "值1"
//1 "值2"
//2 "值3"

③some

let arr = ['值1','值2','值3'];
arr.some((item,index)=>console.log(index, item));
//0 "值1"
//1 "值2"
//2 "值3"

④map

let arr = ['值1','值2','值3'];
arr.map(item => console.log(item));        //值1 值2 值3
console.log(arr.map(item => 'web'));      //(3) ["web", "web", "web"]

9、数组转字符串

①tostring()

let arr = ['值1','值2','值3'];
console.log(arr.toString());      //值1,值2,值3

该方法转换时默认用逗号隔开
②join()

let arr = ['值1','值2','值3'];
console.log(arr.join('='));      //值1=值2=值3