文章目錄
- 排序方法
- reverse()
- sort()
- 轉換方法
- join()
- 迭代方法
- some()
- every()
- forEach()
- filter()
- map()
排序方法
組有兩個方法可以用來對元素重新排序:
- reverse()
- sort()
reverse()
顧名思義,將數組元素方向反轉。會直接改變原數組,請謹慎使用。
let values = [1, 2, 3, 4, 5];
values.reverse();
alert(values); // 5,4,3,2,1
sort()
sort()方法接受一個比較函數,用于判斷哪個值應該排在前面
最常見的用法就是從小到大,從大到小,這個真的很常用,二維數組排序的可以擴展這個數組,請自行研究,更深入理解sort背后的邏輯,這里不再舉例。拓展資料–>sort方法背后的邏輯
//從小到大
arr.sort((a,b)=>a-b);
//從大到小
arr.sort((a,b)=>a-b);
轉換方法
join()
join() 方法接收一個參數,即字符串分隔符,返回包含所有項的字符串。數組轉字符串非常常用。
let colors = ["red", "green", "blue"];
alert(colors.join(",")); // red,green,blue
alert(colors.join("||")); // red||green||blue
迭代方法
- some()
- every()
- forEach()
- filter()
- map()
實話實說我還沒用到過some()和every()。
some()
對數組每一項都運行傳入的測試函數,如果至少有1個元素返回 true ,則這個方法返回 true。
let numbers = [1, 2, 3, 4, 5, 4, 3, 2, 1];
let someResult = numbers.some((item, index, array) => item > 2);
console.log(someResult) // true
every()
對數組每一項都運行傳入的測試函數,如果所有元素都返回 true ,則這個方法返回 true
let numbers = [1, 2, 3, 4, 5, 4, 3, 2, 1];
let everyResult = numbers.every((item, index, array) => item > 2);
console.log(everyResult) // false
forEach()
對數組每一項都運行傳入的函數,沒有返回值,一般用于遍歷元素.
let numbers = [1, 2, 3, 4, 5, 4, 3, 2, 1];
numbers.forEach((item, index, array) => {// 執行某些操作
});
// 對每個元素調用 alert
["Bilbo", "Gandalf", "Nazgul"].forEach(alert);
filter()
對數組每一項都運行傳入的函數,函數返回 true 的項會組成數組之后返回
let numbers = [1, 2, 3, 4, 5, 4, 3, 2, 1];
let filterResult = numbers.filter((item, index, array) => item > 2);
console.log(filterResult); // 3,4,5,4,3
map()
對數組每一項都運行傳入的函數,返回由每次函數調用的結果構成的數組。acm模式很常用到–>arr.map(Number)
let numbers = [1, 2, 3, 4, 5, 4, 3, 2, 1];
let mapResult = numbers.map((item, index, array) => item * 2);
console.log(mapResult) // 2,4,6,8,10,8,6,4,2