【Javascript】オブジェクトの要素を配列で扱いたい場合

以下のオブジェクトのキーとバリューをそれぞれ1つの配列で扱いたい場合

sample.js

  const point = {
    x: 100,
    y: 200,
  };

期待する結果

Key : x Value: 100
Key : y Value: 200

実行コード

sample.js

  const keys = Object.keys(point);
  keys.foreach((key) => {
    console.log("Key: ${key}, Value: ${point[key]}");
  });

1.Object.keysメソッドにオブジェクトpointを渡すことによって 配列[x,y]が生成される
2.配列にはfor文が使えるのでforeachを使うとそれぞれの配列からにキーとバリューを扱うことができる