map で形を変える

実践JavaScript / 全 5 枚

実践JavaScript - map で形を変える

1件ずつ別の形に置き換える

ポートフォリオの作品配列から、画面に出したいのは題名だけ、ということがあります。map は元の配列を 1 件ずつ見て、返した値を並べた新しい配列を作ります。元の配列はそのまま残ります。

4 件を渡したら 4 件が返ります。map は件数を変えません。変わるのは 1 件ずつの形だけです。

この works をこの章の最後まで使い回します。中身を覚えておいてください。

const works = [
  { title: "旅の記録サイト", year: 2023, views: 320, published: true },
  { title: "家計簿アプリ", year: 2024, views: 1250, published: true },
  { title: "写真ギャラリー", year: 2024, views: 860, published: false },
  { title: "天気ボット", year: 2025, views: 540, published: true },
];

const titles = works.map((w) => w.title);
console.log(titles.length); // 4
console.log(titles[1]); // "家計簿アプリ"

1 / 5

← → キーでも送れます

このスライドが付いているレッスンを開く