値はどこにあるのでしょうか？

質問

h1に下記のように値を設定しました

const h1 =[ ];
h1.push({x: 0.23, y: 326});
h1.push({x: 0.21, y: 326});
h1.push({x: 0.29, y: 334});
h1.z = "C";

そして下記のように表示しました

h1.forEach(d => {
console.log(d)
});

しかし、表示されるのは下記のみでCは表示されません。Cはどこにいったのでしょうか?

{x: 0.23, y: 326}
{x: 0.21, y: 326}
{x: 0.29, y: 334}

回答No.1

togurin · ベストアンサー

forEachは配列に対してそれぞれの要素を取り出すので、結果は質問通りになります。
pushで追加していますが、下記のように定義もでき、イメージしやすいかと思います。
const h1 = [
{x: 0.23, y: 326},
{x: 0.21, y: 326},
{x: 0.29, y: 334}
]
その後に下記の記載があるので、h1のzの中に"C"が入ります。配列の中には入りません。
h1.z = "C";

配列に入れたいなら、下記のように書かなければなりません。
h1.push({z:"C"});
こうすればforEachで"C"も表示されます。

ちなみに"C"は無くなったわけではなく、下記で出力されます。
console.log(h1.z); // "C"が表示される

目的がわかりませんが何がしたかったのでしょうか？
Google Chromeのデベロッパーツールを使うと、
もっと視覚的に分かると思うので使ってみると良いと思います。
ブラウザのGoogle Chromeが入っていればできます。