【JavaScript】map()メソッドについて学習してみた

配列に使用できる

戻り値が配列になる
配列に使用できる

const data = [1, 2, 3, 4];
const result = data.map((num) => {
 return num + 1;
});

console.log(result); 

結果

オブジェクトには直接使用できない

戻り値が配列になる
オブジェクトには直接使用できない

const data = { id: 1, age: 2, num: 3 };
const result = data.map((num) => {
 return num + 1;
});

console.log(result);

結果

※Object.keys()メソッドを使用して、オブジェクトのキーの配列を取得し、それに対してmap()メソッドを使用してみた。

オブジェクトのキーの配列を取得

const data = { id: 1, name: "Taro", age: 23, from: "Japan" };

const keys = Object.keys(data);
const result = keys.map((key) => {
    return data[key];
});

console.log(result);

結果

配列の構成を作り替えることができる

const students = [
            {
                id: "0001",
                name: "AA",
                age: 20,
            },
            {
                id: "0002",
                name: "BB",
                age: 21,
            },
            {
                id: "0003",
                name: "CC",
                age: 22,
            },
];

const formatted = students.map((student) => {
 return { [student.id]: student.name };
});

console.log(formatted);

結果