數組遍歷方式

1. for循環

const arr = [0, 1, 2, 3];
for (let i = 0;  i  <  arr.length;  i++) {
    console.log(arr[i]);
}

2. forEach

const arr = [0, 1, 2, 3];
arr.forEach((item,  index) => console.log(item,  index));

item爲數組每一個項， index爲索引

3. some

const arr = [0, 1, 2, 3];
arr.some((item,  index) => item === 2);

some: 循環遍歷每一項， 若是找到符合條件項，後面便再也不遍歷了。

4. every

const arr = [0, 1, 2, 3];
arr.every((item,  index) => item > 2);

every: 循環遍歷每一項，若是找到不符合條件的項，後面便再也不遍歷了。

5. map

const arr = [0, 1, 2, 3];
const mapArr = arr.map((item,  index) => ({i: item}));

map: 循環遍歷每一項，所返回的值是新數組的新項數值，原數組不會改變

6. filter

const arr = [0, 1, 2, 3];
const mapArr = arr.filter((item,  index) => item < 2);

filter: 以數組形式篩選出符合條件的項，如沒有符合的，返回空數組 []

7. for of

const arr = [0, 1, 2, 3];
for  (let v of arr)  {
    console.log(v);
}

8. find

const arr = [0, 1, 2, 3];
arr.find(item => item > 2);

find: 循環遍歷每一項，若是找到符合條件的項， 便返回這個項， 後面便再也不遍歷了。若是沒有則返回undefined

9. findIndex

const arr = [0, 1, 2, 3];
arr.findIndex(item => item > 2);

findIndex: 循環遍歷每一項，若是找到符合條件的項，便返回這個項的索引， 後面便再也不遍歷了。若是沒有則返回 -1

10. reduce

const arr = [0, 1, 2, 3];
const result = arr.reduce((total,  item) => total + item);

total爲初始值， item爲當前項。