js常用的數組方法

1.filter() 不會改變原始數組，新數組中的元素是過濾指定數組中符合條件的所有元素

兩種寫法區別：有return?的加了{}，否則沒有return不需要加{}

var aa = [1, 2, 3, 4, 4, 5, 6, 6];

var bb = aa.filter((item, index, self) => {

　　return self.indexOf(item) === index? ? ?//?indexOf找到數組中第一個符合條件的元素位置，沒找到指定元素則返回 -1

})

console.log(bb);? //? [1, 2, 3, 4, 5, 6]

?

var aa = [1, 2, 3, 4, 4, 5, 6, 6];

var bb = aa.filter((item, index, self) =>

　　self.indexOf(item) === index

)

console.log(bb);?//??[1, 2, 3, 4, 5, 6]

?

ES6數組去重寫法：

var arr = [1, 2, 3, 4, 4, 5, 6, 6];
var set = new Set(arr);
var newArr = Array.from(set);
console.log(newArr); //?[1, 2, 3, 4, 5,6]

?

2.map() 不會改變原始數組，新數組中的元素為按原始數組順序依次處理元素后的值，同樣有兩種寫法

var aa = [1, 2, 3, 4, 4, 5, 6, 6];

var bb = aa.map((item) => {

　　return item = item * item

})

console.log(bb); //? [1, 4, 9, 16, 16, 25, 36, 36]

?

3.every() 不會改變原始數組，檢測數組所有元素是否都符合指定條件，全部通過返回true，否則返回false（所有項滿足返回true）

• 如果數組中檢測到有一個元素不滿足，則整個表達式返回?false?，且剩余的元素不會再進行檢測
• 如果所有元素都滿足條件，則返回 true

var aa = [1, 2, 3, 4, 4, 5, 6, 6];

var bb = aa.every((item) => {

　　return item != 3

})

console.log(bb); //? false

?

4.some() 不會改變原始數組，檢測數組中的元素是否滿足指定條件，只要有一個通過返回true，否則返回false（只要一項滿足返回true）

• 如果有一個元素滿足條件，則表達式返回true?, 剩余的元素不會再執行檢測
• 如果沒有滿足條件的元素，則返回false

var aa = [1, 2, 3, 4, 4, 5, 6, 6];

var bb = aa.some((item) => {

　　return item != 3

})

console.log(bb); // true

?

5.findIndex()?不改變原始數組，找到符合條件的數組第一個元素位置

• 當數組中的元素在測試條件時返回?true?時, findIndex() 返回符合條件的元素的索引位置，之后的值不會再調用執行函數
• 如果沒有符合條件的元素返回 -1

var aa = [1, 2, 4, 4, 5];

var bb = aa.findIndex(item => {

　　return item > 3

});

console.log(bb); // 2

?

6.find()不改變原始數組，找到符合條件的數組的第一個元素的值

• 當數組中的元素在測試條件時返回?true?時, find() 返回符合條件的元素，之后的值不會再調用執行函數
• 如果沒有符合條件的元素返回 undefined

var aa = [1, 2, 4, 4, 5];

var bb = aa.find(item => {

　　return item > 3

});

console.log(bb); // 4

?

7.?slice()?不會改變原始數組，從已有的數組中返回選定的元素，截取組成新字符串（數組截取）

var aa = [1, 2, 3, 4, 4, 5, 6, 6];

var bb = aa.slice(2,4)

console.log(bb); // [3, 4]

?

8.splice()?改變原始數組，用于添加或刪除數組中的元素（數組更新）

第一個元素是從何處添加/刪除元素，第二個元素是刪除多少元素，第三個元素（不必填）是要添加到數組的新元素

var aa = [1, 2, 3, 4, 4, 5, 6, 6];

aa.splice(3,4,2)? ?//?從第3位開始刪除4個元素，并把2添加進刪除的位置

console.log(aa); //[1, 2, 3, 2, 6]

?

9.join()不改變原數組，數組轉字符串

var aa = [1, 2, 3, 4, 4, 5, 6, 6];

var bb = aa.join()

console.log(bb); //?1,2,3,4,4,5,6,6

?

10. split()不改變原字符串，字符串變數組

var aa = '1,2,3,4,4,5,6,6';

var bb = aa.split(',')

console.log(bb); //?["1", "2", "3", "4", "4", "5", "6", "6"]

?

11.?遍歷數組方法 keys()、values()、entries()

keys()是對鍵名的遍歷

let aa = ["a", "b", "c", "d"];

for (let index of aa.keys()) {

　　console.log(index);

}

values()對鍵值的遍歷

let bb = ["a", "b", "c", "d"];

for (let item of bb.values()) {

　　console.log(item);

}

entries()是對鍵值對的遍歷

let arr = ["a", "b", "c", "d"];

for (let i of arr.entries()) {

　　console.log(i);

}

for (let [index, item] of arr.entries()) {

　　console.log(index + ":" + item);

}

總結

以上是生活随笔為你收集整理的js常用的数组方法的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。