ES6中新增数组方法与ES5之间的区别

1.扩展运算符(...)替代ES5 apply()方法:

数组合并

var arr1=[1 , 2] , arr2=[3,4] ;

[...arr1,...arr2];//[1,2,3,4];

arr1.push(...arr2);

函数返回多个值

var obj = fn(num){return num;}

var result = new Function(...obj);

2.Array.from()替代ES5的call()方法,将类对象转换成数组:

var obj = {name:'a',age:'b',job:'c'};

[].slice.call(obj);//ES5转换方法

Array.from(obj);//ES6写法(更直观和方便)

3.Array.of()将数值转换成数组,代替ES5 Array()方法

这两个方法有很大的区别:

Array.of(1,2,3);//[1,2,3]

Array.of();//[ ]

Array.of(5);//[5]

ES5中的Array()方法:

Array(1,2,3);//[1,2,3]

Array(5);//[ , , , , ]返回长度为5值为空的字符串

也就是说在用Array()方法返回数组时,最少要有两个以上的参数

4.findIndex()对比ES5 indexOf();

var arr=[1,2,3,4];

findIndex(function(){return 2;});//true

indexOf(2);//1(等于1说明包含这个元素,等于-1说明不包含)

但是[NaN].indexOf(NaN);//返回的是-1(改方法不能正确的解析NaN)

[NaN].findIndex(function(){return Nan;});//返回true

findIndex()的返回值更直观,不用在去判断是否等于-1,而且可以正确解析NaN这种特殊类型,但是findIndex()的参数必须是一个回调函数