Javascriptで使われる配列操作(map、filter)の役割の解説
プログラミングでは配列操作という難しいワードがよく使われる。配列ってなに?難しそう、データ操作??と疑問を抱く声も少なくない。今回は学習にこの配列操作有名なjavascriptのmapとfilterの事を挙げて解説していますので学習の参考に是非どうぞ!1 配列とは何かを確認 配列は 複数の値をまとめて扱うための箱。例const scores = [50, 70, 90];ここからが今日の本題。2 map 形を変える map は配列の中身を 一つずつ変換して 新しい配列を作る。元の配列は変わらない。例const numbers = [1, 2, 3];const doubled = numbers.map(num => { return num * 2;});// 結果 [2, 4, 6]ポイント入力の数と 出力の数は必ず同じ。Web制作でよくある例商品データを 表示用の文字列に変換する。const items = [ { name: "りんご", price: 100 }, { name: "みかん", price: 80 }];const texts = items.map(item => { return item.name + " は " + item.price + " 円です";});3 filter 必要なものだけ残す filter は条件に合うものだけを取り出す。例const numbers = [1, 2, 3, 4];const even = numbers.filter(num => { return num % 2 === 0;
0