オブジェクトのキーに関して質問です。

Question

'use strict';

{
 const o = {
    a: 1,
    b: 2,
  };

  // console.log(Object.keys(o)); // ['a', 'b']
  // console.log(Object.values(o)); // [1, 2]
  // console.log(Object.entries(o)); // [['a', 1], ['b', 2]]

  Object.keys(o).forEach(key => {
    console.log(`${key}: ${o[key]}`);
  });

}

ここで、なぜ$｛o[key]｝`がObject.values(o)と同じ値を出すのでしょうか？

Comments

[think49]

一致してないようですが…。

Answer 1

 const o = {
    a: 1,
    b: 2,
  };

この記法で:の左がキー、右がバリューです。なので

key	value
a	1
b	2

Object.keysやObject.valuesはこれを縦方向に抜く手法。
object_o[key_a]は、キー列のうち、key_aである行のバリュー列を取り出す記法

Answer 2

console.log(Object.keys(o)); 

とすれば["a","b"]が返ってきているのがわかりますよね？
それをforEachで走査しているので

${key}はa,bを参照し
${o[key]}はo["a"],o["b"]を参照するのでめいだいのとおりになります。

なぜ$｛o[key]｝`がObject.values(o)

ここのところは何を言いたいかわかりません
Object.values(o)は1,2を返すので・・・