for map fileter のまとめ - Javascript

ループ

for 決められた回数だけ処理を繰り返す場合に使用します
forEach 配列の要素を順番に処理します。
map 元の配列の各要素に処理をした後、新しい配列を返します。
filter 指定した条件を満たす要素だけを取得し、新しい配列を返します。

map

const fruits = ["apple", "orange", "banana"];

const upperFruits = fruits.map(fruits => fruits.toUpperCase() )
console.log(upperFruits)
const fruits = ["apple", "orange", "banana"];

const upperFruits = fruits.map((fruits) => {
  return fruits.toUpperCase()
})

console.log(upperFruits)
const users = [
  { name: "Taro", age: 20},
  { name: "Jiro", age: 15}
];

const newUsers = users.map((value, index) => {
  value.id = index + 1;
  return value
})

console.log(newUsers)

filter

const list = [1, 38, 10, 3, 58, 14]

const result = list.filter(value => value < 10);
console.log(result);
const list = [1, 38, 10, 3, 58, 14]

const result = list.filter(value => {
  return value < 10
});
console.log(result);