【JavaScript】配列操作【ES6】

map, forEach, filter, find, reduceあたりを使って、配列操作をすることが多く、都度ググることが多いけど、個人的によく使うのをメモしていく。

filter

• 指定した値に一致するものを削除

const arr = ['a', 'b']
const deleteValue = 'a'
const result = arr.filter((v) => v !== deleteValue)
console.log(result)
// ['b']

---

reduce

• 合計計算（一般配列）

const array = [1, 2, 3, 4];
const sum = array.reduce((accumulator, current) => accumulator + current);
console.log(sum);
// 10

• 合計計算（連想配列）

const items = [
  { id: 1, name: "a", price: 100 },
  { id: 2, name: "b", price: 200 },
  { id: 3, name: "c", price: 300 },
];
const total = items.reduce((sum, i) => sum + i.price, 0);
console.log(total);
// 600