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