🦁

【JavaScript】mapとfilterについてまとめた

2022/09/20に公開

JavaScript

初心者

tech

はじめに

この記事は学習ノートです。
配列のメソッド(mapとfilter)について、学んだことをまとめました。

map()

配列に何か処理をして、その結果を別の配列として取得したいときに使用する

使用例1

const prices = [100, 200, 300];
const newPrices = prices.map((price)=> {
    return price + 10;
});
console.log(newPrices); // [110, 210, 310]

使用例1-2

// 引数が1つ、returnが1行の場合は、アロー関数の一部を省略して記述できる
const prices = [100, 200, 300];
const newPrices = prices.map(price　=> price + 10);
console.log(newPrices); // [110, 210, 310]

👇アロー関数の省略については、こちらの記事が参考になります

filter()

配列の要素を調べて条件に合うものだけを抽出し、その結果を別の配列として取得したいときに使用する

使用例1

const nums = [1, 4, 5, 8, 10];
const evenNums = nums.filter((num) => {
    return num % 2 === 0;
});
console.log(evenNums); // [4, 8, 10]

使用例1-2

// 引数が1つ、returnが1行の場合は、アロー関数の一部を省略して記述できる
const nums = [1, 4, 5, 8, 10];
const evenNums = nums.filter(num => num % 2 === 0);
console.log(evenNums); // [4, 8, 10]

はじめに

map()

filter()

参考

Discussion