つなげて組み立てる

実践JavaScript / 全 5 枚

実践JavaScript - つなげて組み立てる

3 つの道具を 1 本につなぐ

filter も sort も map も、返ってくるのは配列です。だから続けて呼べます。公開中のものだけを閲覧数の多い順に並べて題名にする、という処理が 3 行で書けます。

先頭で複製しているのは sort のためです。filter が新しい配列を返すので実は要りませんが、先頭に置く癖にしておくと事故りません。

点が縦に並ぶ書き方です。上から順に、左の結果が次の入力になります。

const list = [...works]
  .filter((w) => w.published)
  .sort((a, b) => b.views - a.views)
  .map((w) => w.title);

console.log(list);
// ["家計簿アプリ", "天気ボット", "旅の記録サイト"]

1 / 5

← → キーでも送れます

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