es6陣列方法詳解

2022-08-23 05:15:09 字數 1372 閱讀 1288

array在es5新增的方法中,引數都是function型別,預設有傳參(對應項,對應的索引,陣列本身)

因都為陣列操作,我就在這裡先宣告所屬變數,不必每次宣告了

let people = [

,

,

]

.foreach(function(value, index, array) );

foreach方法 遍歷陣列元素

fruits.foreach(function(fruit,index) );

對映(一一對應)。

.map(callback,[ thisobject]);

callback必須有return值(如果沒有,則返回undefined),下面介紹三個例項來了解一下吧

let arr1 = fruits.map(item=>(
item.touppercase()

))

let arr2 = people.map(item=>(

item.age

));console.log(arr2); // [36, 40, 34]

var arr3 = people.map(item=>());

console.log(arr3); //[,,

]

過濾篩選(callback中通過返回true 或 false而filter從而返回所有符合過濾條件的元素)。

.filter(callback,[ thisobject]);
let arr4= people.filter(item=>(

item.age>36

));console.log(arr4); //

陣列中的每個值(從左到右)開始縮減,最終計算為乙個值。

**引數中的值 pre,cur.,curindex,arr ( 上一次計算的值,當前項,當前索引,陣列);

initialvalue 初始值可選項

.reduce(callback[,initialvalue]

);

let total = people.reduce((pre,cur,currentindex)=>(

pre+cur

),0);

console.log( tobal ); // 110

5. reduceright

跟reduce方法完全一樣,順序為右開始計算

git 位址 : 

ES6陣列方法

類似字串的indexof 方法 1 stringobject.indexof searchvalue,fromindex 2 3 var data 2,5,7,3,5 4 console.log data.indexof 5,x 1 x 被忽略 5 console.log data.indexof ...

es6之陣列方法

一丶類陣列 const divs document.getelementsbytagname div console.log divs htmlcollection console.log divs instanceof array false1.用es5的方法將類陣列變為陣列,借助slice方法 ...

ES6陣列方法總結

關於陣列中foreach map filter reduce some every 的總結let array 1,2,3,4 array.foreach item,index,array foreach會遍歷陣列,沒有返回值,不允許在迴圈體內寫return,不會改變原來陣列的內容.let array...