【javascript】連想配列（オブジェクト）の値を取得するObject.keys Object.values Object.entriesの使い方

  const players = [
    {
      No: 1,
      grade: "二冠",
      name: "藤井",
      age: 19,
    },
    {
      No: 2,
      grade: "竜王",
      name: "豊島",
      age: 31,
    },
    {
      No: 3,
      grade: "名人",
      name: "渡辺",
      age: 37,
    },
    {
      No: 4,
      grade: "王座",
      name: "永瀬",
      age: 28,
    },
    {
      No: 5,
      grade: "九段",
      name: "羽生",
      age: 50,
    },
    {
      No: 6,
      grade: "九段",
      name: "谷川",
      age: 59,
    },
    {
      No: 7,
      grade: "六段",
      name: "増田",
      age: 23,
    },
    {
      No: 8,
      grade: "五段",
      name: "藤森",
      age: 34,
    },
  ];

連想配列の値を取得する

  console.log(players); //  配列内のオブジェクトをすべてを取得

結果

  console.log(players[0]); //  配列の1番目のオブジェクトを取得

結果

  console.log("No",players[0].No); // 配列1番目のオブジェクトの中を取得
  console.log("name",players[0].name);
  console.log("age",players[0].age);
  console.log("grade",players[0].grade);

結果

オブジェクトとは？

Object.keys

  players.forEach((player)=>{
    console.log(Object.keys(player));
  })

結果 => keyがすべて配列で取得されました。

Object.values

  players.forEach((player)=>{
    console.log(Object.values(player));
  })

結果 => valueがすべて配列で取得されました。

Object.entries

  players.forEach((player)=>{
    console.log(Object.entries(player));
  })

結果