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);
}
)
