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