今日の参考コード

過去に map の説明をしているので この記事を読んでください。React コースのテキストの一部です。

動画です。

初めての map
describe("map", () => {
  const array = ["tanaka", "nakanishi", "sasaki", "koyama", "oda"];

  it("new.", () => {
    const res = array.map(() => {
      return "new";
    });

    const expected = ["new", "new", "new", "new", "new"];

    expect(res).toEqual(expected);
  });

  it("add Mr.", () => {
    const res = array.map(name => {
      return "Mr." + name;
    });

    const expected = [
      "Mr.tanaka",
      "Mr.nakanishi",
      "Mr.sasaki",
      "Mr.koyama",
      "Mr.oda"
    ];

    expect(res).toEqual(expected);
  });
});

宿題

map を使って、新しい配列を作ってみよう!