1. 程式人生 > >ES6中新增陣列方法與ES5之間的區別

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