1. 程式人生 > >ECMAScri[t 6中數組新方法

ECMAScri[t 6中數組新方法

console lse reac 作用 並且 部分 asc 全部 UNC

數組的方法

數組的的大部分方法都可以實現數組的遍歷。

  1. foreach方法

實現數組的遍歷

const arr = [1, 2, 3, 4, 5, 6, 7, 8, 9];
arr.forEach(function (value, index, arr) {
    cosnole.log(value, index, arr);
});
// value ==> 值
// index ==> 值對應的下標
// arr ==> 遍歷的數組對象
  1. map方法

map方法的作用:會生成一個與遍歷對象數組相同長度的新數組,並且map中的返回值就是新數組的參數值。

const arr = [1, 2, 3, 4, 5, 6, 7, 8, 9];
const narr = arr.map(function (value) {
    return value;
})
// 此時narr中的值與arr中的值相等
// 當方法中的函數只有一個形參和函數內部只有return時,可以寫成下面的方式
const narr = arr.map(value => value);
// 箭頭函數
  1. filter方法

過濾,起到篩選的作用。

// 例如:篩選出數組arr中的奇數
const arr = [1, 2, 3, 4, 5, 6, 7, 8, 9];
const oddArr = arr.filter(num => num % 2);
  1. find方法
// 查找
const arr = [1, 2, 3, 4, 5, 6, 7, 8, 9];
const num = arr.find(value => value > 3);
// num的值為4,find方法會返回滿足條件的第一個結果
  1. includes方法
// 對比arr.indexOf(value) 判斷對應的值在數組中的下標,有則返回下標,否則返回-1
// arr.includes(value) 只要存在於數組則返回true,否則返回false
// 該方法不會遍歷數組
const arr = [1, 2, 3, 4, 5, 6, 7, 8];
console.log(arr.includes(1)); //true
console.log(arr.includes(9)); //false
  1. some方法和array方法
  • some是判斷數組中是否存在滿足條件的值,滿足返回true,否則返回false。
  • array是判斷數組中的值是否全部滿足條件,滿足返回true,否則返回false。

ECMAScri[t 6中數組新方法