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()的引數必須是一個回撥函式