1
// JS forEach 與 map
2

3
// forEach 是對每一項的操作，會影響原來的 array
4
let arr = [1, 2, 3, 4, 5, 6]
5
// 對數組直接進行循環，相當於 for，沒有返回值
6
// result 不會有返回值 即使寫了 return 也是 undefined
7
let result = arr.forEach((item, index, arr) => {
8
  console.log(item)
9
  console.log(index)
10
  console.log(arr)
11
  return item
12
})
13

14
console.log(result)

1
// map 對數組每一項進行加工，加工完成之後返回一個新的數組
2
arr.map((item, index, arr) => {
3
  let str = index + item + index
4
  return str;
5
})
6

7
console.log(arr)

1
// filter 過濾，將想要的內容進行篩選，不想要的過濾，最終得到想要的內容
2

3
let result2 = arr.filter((item, index) => {
4
  // 通過返回 true 或是 false 進行選擇
5
  // true 是要，false 是不要
6
  if (item % 2 === 0) {
7
    return true
8
  } else {
9
    return false
10
  }
11
})
12

13
console.log(result2)

1
// reduce 是對整個數組進行整合
2
// 比如你要做一個將術組裡所有的數字進行相加
3
// 將數組每一項內容整合後，返回一個內容
4

5
let arr2 = [1, 2, 3, 4, 5, 6, 7, 8, 9]
6

7
let arr4 = arr2.reduce((pre, next, index) => {
8
  console.log(pre)
9
  console.log(next)
10
  console.log(index)
11
  return pre + next
12
}, 0)
13
// 這裡尾部的 0 是初始值，因為弟一個參數 沒有 pre
14

15
console.log(arr4)

1
const array1 = [1, 2, 3, 4];
2
const reducer = (accumulator, currentValue) => accumulator + currentValue;
3

4
// 1 + 2 + 3 + 4
5
console.log(array1.reduce(reducer));
6
// expected output: 10
7

8
// 5 + 1 + 2 + 3 + 4
9
console.log(array1.reduce(reducer, 5));
10
// expected output: 15

1
// for...in...主要用於遍歷對象，不適用遍歷數組
2
// for...of...可以用來遍歷數組，類數組對象，字符串，set/map, generator
3

4
// for(key of obj) 裡面的是每一項
5

6
let obj = {
7
  name: "Huang",
8
  type: "handsome",
9
  content: "front end"
10
}
11

12
for(key in obj) {
13
  console.log("key: " + key + ", value: " + obj[key])
14
}
15

16
// 循環每一項
17
for (let item of arr2) {
18
  console.log(item)
19
}