【JavaScript】map関数を用いたおしゃれな配列処理 - Qiita

はじめに 決まった繰り返し処理といえばforですが、JavaScriptのES6以降ではmap関数を使ってもっと簡単でおしゃれな書き方で書けます。 map関数は各要素に対して決まった繰り返し処理をして、新しい配列を生成するのに使える便利な関数です 例として、[1,2,3,4,5,6]といったような各要素を二乗した配列を作ることを考えます。 通常のfor文から書き換え まずは通常のfor文で書いてみます。 const list = [1,2,3,4,5,6]; const newList = []; for(let i = 0; i< list.length ; i++){ newList[i] = list[i]*list[i]; } console.log(newList); //[1,4,9,16,25,36]