JS - 数组函数

forEach

• 遍历操作数组的每个元素。如果是数值数组，则不改变原数组；如果是对象数组，可以为元素添加属性或修改属性值
• 没有返回值，不能返回新数组 

let arr = [1, 2, 3]
arr.forEach((item) => {
  item + 1
})
console.log(arr) // [1, 2, 3]

// 修改对象中的值
let arr = [{count: 1}, {count: 2}]
arr.forEach((item) => {
  item.count += 1
})
console.log(arr) // [{count: 2}, {count: 3}]

// 添加对象属性
let arr = [{count: 1}, {count: 2}]
arr.forEach((item) => {
  item.price = item.count * 10
})
console.log(arr) // [{count: 1, price: 10}, {count: 2, price: 20}]

// map()也能做到：修改对象中的值 / 添加对象属性
// 修改对象中的值
let arr = [{count: 1}, {count: 2}]
arr.map((item) => {
  item.count += 1
})
console.log(arr) // [{count: 2}, {count: 3}]

// 添加对象属性
let arr = [{count: 1}, {count: 2}]
arr.map((item) => {
  item.price = item.count * 10
})
console.log(arr) // [{count: 1, price: 10}, {count: 2, price: 20}]

map

• 遍历操作数组的每个元素，不会改变原数组，并返回一个新数组

let arr = [1, 2, 3]
let b = arr.map((item) => {
  return item + 1
})
console.log(b) // [ 2, 3, 4 ]

filter

• 筛选符合条件的数组元素，并返回一个新数组

let arr = [1, 2, 3]
let b = arr.filter((item) => {
  return item > 1
})
console.log(b) // [2, 3]

let arr2 = [1, 2, 3, -1, -2, -3]
let c = [...arr2.filter(v => v < 0), ...arr2.filter(v => v > 0)]
console.log(c) // [-1, -2, -3, 1, 2, 3]

some

• 返回一个布尔值。当数组中有一个元素满足给定条件则返回true，否则返回false

let array = [1, 2, 3]
let f = array.some((item) => {
  return item > 2
})
console.log(f) // true

find

• 返回一个数组中符合条件的元素

let array = [
  { id: 1, name: 'A' },
  { id: 2, name: 'B' },
  { id: 3, name: 'C' }
]
let p = array.find((item) => {
  return item.id === 1
})
console.log(p) // { id: 1, name: 'A' }

findIndex

• 返回一个数组中符合条件的元素的下标

let array = [
  { id: 1, name: 'A' },
  { id: 2, name: 'B' },
  { id: 3, name: 'C' }
]
let p = array.findIndex((item) => {
  return item.id === 1
})
console.log(p) // 0