對於陣列方法的再認知

2021-10-03 13:37:47 字數 1214 閱讀 3577

在寫專案,我們需要把許許多多的資料給渲染到頁面中,以供使用者提供可視資訊,通常這些資料都會以陣列的方式儲存起來,從而需要我們用到陣列中的方法去一一得到你想要的資料,從而得到符合你想要的的資料。

下面是一些常用的es6新增陣列方法

1.isarray 判斷是否為陣列

let arr = [1,2,3]

typeof arr // 得到'object' typeof 可以判斷資料的型別 返回的結果是資料型別

array.isarray(arr)//判斷是不是乙個陣列 返回的結果是乙個布林值 true

2.foreach() 遍歷陣列

let arr = [1,2,3]

arr.foreach(function(item,index))

3.map() 對映

let arr = [1,2,3]

let res = arr.map(function(item,index))//這個方法把陣列裡的每乙個元素都乘上3 然後返回乙個新的陣列[3,6,9]

4.filter() 過濾

let arr = [1,2,3]

let res = arr.filter(functon(item))

5.reduce()

let arr = [1,2,3]

let res = arr.reduce(function(sum,item),0) //如果第二個引數不填 則預設的sum值為陣列中第乙個元素的值

6.find() 查詢條件

let arr = [,

let res = arr.find(function(item,index))

7.some 和 every

let arr = [,

let res1 = arr.some(function(item,index))

//some 方法返回值為true 只要有乙個滿足條件就返回true 當都不滿足的時候返回false

let res2 = arr.every(function(item,index))

//every方法返回值為false 只要有乙個不滿足條件 就會返回false 當都滿足的時候 返回true

注 :上面的方法都不會改變原陣列

常見的陣列方法

slice 方法可從已有陣列中返回選定的元素,返回乙個新陣列,包含從start到end 不包含結束 的陣列元素。var arr 11,22,33,44,55 console.log arr.slice 1,3 22,33 返回選擇的元素 console.log arr 11,22,33,44,55 ...

filter map reduce陣列方法的用法

filter 檢查陣列中所有滿足條件的元素,並且返回乙個新陣列,不會改變舊陣列,同時也不會處理空陣列。let arr 1 12,56 24,15 26 let newarr arr.filter per console.log arr arr console.log newarr newarr 輸出...

js的陣列方法

現在就再列出來一些 pop 方法從陣列中刪除最後乙個元素 1 2 fruits.pop 從 fruits 刪除最後乙個元素 mango pop 方法返回 被彈出 的值 1 2var x fruits.pop x 的值是 mango push 方法 在陣列結尾處 向陣列新增乙個新的元素 1 2 fru...