Javascriptでのjsonの要素の追加について

Question

Javascriptでjsonに要素を追加しようとしています。
下記のようなプログラムを書きました。

var key, Hash, val, temp;

Hash = [
  {
  a: "a",
  b: "b",
  c: "c",
  d: "d",
  e: "e",
 }
];

temp = {f: "f"};
Hash.push(temp);

for (key in Hash[0]) {
  val = Hash[0][key];
  alert("key -> " + key + ", val -> " + val);
}

tempの変数にオブジェクトを代入し、オブジェクトをjsonに追加しています。

しかし、forのループで回すと代入したオブジェクトがjsonに追加されていません。

原因としてどのようなことが考えられるのでしょうか。

よろしくお願いいたします。

Answer 1

Hash = [
  {
  a: "a",
  b: "b",
  c: "c",
  d: "d",
  e: "e",
 }
];

temp = {f: "f"};
Hash.push(temp);

このコードで出来上がる配列はこうです。

[
  {
  a: "a",
  b: "b",
  c: "c",
  d: "d",
  e: "e",
 },
 {
  f: "f",
 }
]

そして、以下のコードでforとして回されるのは…

for (key in Hash[0]) {

この部分だけ、ということになります。

{
  a: "a",
  b: "b",
  c: "c",
  d: "d",
  e: "e",
 }

Answer 2

entriesを使ってみる

var Hash = [{a:"a",b:"b",c:"c",d:"d",e:"e"}];
temp = {f: "x",g:"y",h:"z"};
Object.entries(temp).map(function(arr){Hash[0][arr[0]]=arr[1];});
console.log(Hash[0]);

Answer 3

Hash.pushは中身のハッシュではなくて、外側の配列に働くので、{f: 'f'}はHash[1]に入ってしまいます。

オブジェクトに値を追加したい場合、Object.assign（IE11は未対応）、jQuery.extendなどの手段があります。

Answer 4

Hash[0].f = 'f';

この 変数Hash は配列です

配列の0番目にオブジェクトが格納されて
Hash = [ (オブジェクト) ]という形になっています

push(temp)は
Hash = [ (オブジェクト), temp ]というふうになります

Hash[0] が (オブジェクト) です

[] : 配列
{} : オブジェクト

[{}] <= 配列の0番目がオブジェクト
[{}].push(temp)  →  [{}, temp]
[{}, temp] <= 配列の1番目がtemp

オブジェクトにプロパティを追加するには
obj = {a: 1, b: 2}
obj.f = 'f';
-> obj = {a: 1, b: 2, f, 'f'}

Answer 5

Array.pushは要素の末尾に追加するもの
つまりHash.push(temp)を実行した結果、こうなってるわけね。

Hash = [
  {
    a: "a",
    b: "b",
    c: "c",
    d: "d",
    e: "e"
  },
  {
    f: "f"
  }
];

---

素直に書いた場合の解決方法はこう
最善解は本筋のスクリプトの兼ね合いもあってなんとも言えないから、色々工夫してね。

var key, Hash, val, temp;

Hash = [
  {
    a: "a",
    b: "b",
    c: "c",
    d: "d",
    e: "e",
  }
];
temp = {f: "f"};

// 解1
Object.keys(temp).forEach(function(key){
  Hash[0][key] = temp[key];
});
console.log(Hash[0]);
// a: "a"
// b: "b"
// c: "c"
// d: "d"
// e: "e"
// f: "f"

// 解2
Hash[0] = Object.assign({}, Hash[0], temp);
console.log(Hash[0]);
// a: "a"
// b: "b"
// c: "c"
// d: "d"
// e: "e"
// f: "f"