オブジェクトに追加する

アラートとそれらに関するいくつかの情報を保持するオブジェクトがあります。

var alerts = { 
    1: { app: 'helloworld', message: 'message' },
    2: { app: 'helloagain', message: 'another message' }
}

これに加えて、アラートの数を示す変数がありalertNoます。私の質問は、新しいアラートを追加するときに、alertsオブジェクトにアラートを追加する方法はありますか？

アラートを単一のオブジェクトのプロパティではなく配列のレコードとして保存してみませんか？

var alerts = [ 
    {num : 1, app:'helloworld',message:'message'},
    {num : 2, app:'helloagain',message:'another message'} 
]

そしてそれを追加するには、次のように使用しますpush：

alerts.push({num : 3, app:'helloagain_again',message:'yet another message'});

jQuery $.extend(obj1, obj2)は2つのオブジェクトをマージしますが、実際には配列を使用する必要があります。

var alertsObj = {
    1: {app:'helloworld','message'},
    2: {app:'helloagain',message:'another message'}
};

var alertArr = [
    {app:'helloworld','message'},
    {app:'helloagain',message:'another message'}
];

var newAlert = {app:'new',message:'message'};

$.extend(alertsObj, newAlert);
alertArr.push(newAlert);

Object.assign（）でこれを行うことができます。場合によっては配列が必要ですが、OData呼び出しなど、単一のJSONオブジェクトを期待する関数を使用する場合、このメソッドは配列を作成してそれをアンパックするよりも簡単であることがわかりました。

var alerts = { 
    1: {app:'helloworld',message:'message'},
    2: {app:'helloagain',message:'another message'}
}

alerts = Object.assign({3: {app:'helloagain_again',message:'yet another message'}}, alerts)

//Result:
console.log(alerts)
{ 
    1: {app:'helloworld',message:'message'},
    2: {app:'helloagain',message:'another message'}
    3: {app: "helloagain_again",message: "yet another message"}
} 

編集：次のキーの取得に関するコメントに対処するには、Object.keys（）関数を使用してキーの配列を取得できます。キーをインクリメントする例については、Vadiの回答を参照してください。同様に、Object.values（）ですべての値を取得し、Object.entries（）でキーと値のペアを取得できます。

var alerts = { 
    1: {app:'helloworld',message:'message'},
    2: {app:'helloagain',message:'another message'}
}
console.log(Object.keys(alerts))
// Output
Array [ "1", "2" ]

他の回答で指摘されているように、配列を操作する方が簡単な場合があります。

そうでない場合：

var alerts = { 
    1: {app:'helloworld',message:'message'},
    2: {app:'helloagain',message:'another message'}
}

// Get the current size of the object
size = Object.keys(alerts).length

//add a new alert 
alerts[size + 1] = {app:'Your new app', message:'your new message'}

//Result:
console.log(alerts)
{ 
    1: {app:'helloworld',message:'message'},
    2: {app:'helloagain',message:'another message'}
    3: {app: "Another hello",message: "Another message"}
}      

それを試してみてください：

https://jsbin.com/yogimo/edit?js,console

スプレッド構文は次のように使用できます。

var alerts = { 
1: { app: 'helloworld', message: 'message' },
2: { app: 'helloagain', message: 'another message' }
 }

alerts = {...alerts, 3: {app: 'hey there', message: 'another message'} }

ES6では、この作業を非常に簡単にすることができる非常に強力なスプレッドオペレーター（...オブジェクト）が用意されています。次のように実行できます。

let alerts = { 
   1: { app: 'helloworld', message: 'message' },
   2: { app: 'helloagain', message: 'another message' }
} 

//now suppose you want to add another key called alertNo. with value 2 in the alerts object. 

alerts = {
   ...alerts,
   alertNo: 2
 }

それでおしまい。必要なキーが追加されます。お役に立てれば！！

アラートの提案の配列を実際に使用する必要がありますが、それ以外の場合、言及したオブジェクトに追加すると次のようになります。

alerts[3]={"app":"goodbyeworld","message":"cya"};

しかし、名前がすべてを引用してリテラル番号を使用してはいけないので、

alerts['3']={"app":"goodbyeworld","message":"cya"};

または、オブジェクトの配列にすることもできます。

アクセス方法は

alerts['1'].app
=> "helloworld"

最も外側の構造を配列に変更する機能はありますか？だからこのようになります

var alerts = [{"app":"helloworld","message":null},{"app":"helloagain","message":"another message"}];

1つ追加する必要がある場合は、アレイにプッシュするだけです。

alerts.push( {"app":"goodbyeworld","message":"cya"} );

次に、エラーが列挙される方法について、組み込みのゼロベースのインデックスがあります。

ES6ではるかに簡単：

let exampleObj = {
  arg1: {
    subArg1: 1,
    subArg2: 2,
  },
  arg2: {
    subArg1: 1,
    subArg2: 2,
  }
};

exampleObj.arg3 = {
  subArg1: 1,
  subArg2: 2,
};

console.log(exampleObj);

{
arg1: {subArg1: 1, subArg2: 2}
arg2: {subArg1: 1, subArg2: 2}
arg3: {subArg1: 1, subArg2: 2}
}

別の方法として、ES6では、spread構文を使用できます。アラートのために${Object.keys(alerts).length + 1}次idに戻ります。

let alerts = { 
    1: {app:'helloworld',message:'message'},
    2: {app:'helloagain',message:'another message'}
};

alerts = {
  ...alerts, 
  [`${Object.keys(alerts).length + 1}`]: 
  { 
    app: `helloagain${Object.keys(alerts).length + 1}`,message: 'next message' 
  } 
};

console.log(alerts);

すみませんが、私は私の評判により、すでにあなたの答えをコメントすることはできません！...そう、あなたがオブジェクトの構造を変更したい場合は、あなたがしなければなりませんは、Thane Plummerが言うようにが、場所を気にしない場合は少しトリックですアイテムを配置するには：挿入の数を指定しない場合、最初の位置に挿入されます。

たとえば、JsonオブジェクトをmongoDB関数呼び出しに渡し、受け取った条件内に​​新しいキーを挿入する場合、これはすばらしいことです。この場合、コード内の変数の情報を含むアイテムmyUidを挿入します。

// From backend or anywhere
let myUid = { _id: 'userid128344'};
// ..
// ..

  let myrequest = { _id: '5d8c94a9f629620ea54ccaea'};
  const answer = findWithUid( myrequest).exec();

// ..
// ..

function findWithUid( conditions) {
  const cond_uid = Object.assign({uid: myUid}, conditions);
  // the object cond_uid now is:
  // {uid: 'userid128344', _id: '5d8c94a9f629620ea54ccaea'}
  // so you can pass the new object Json completly with the new key
  return myModel.find(cond_uid).exec();
}

[Javascript]少しジッキーなポケリーの後、これは私にとってはうまくいきました：

 let dateEvents = (
            {
                'Count': 2,
                'Items': [
                    {
                        'LastPostedDateTime': {
                            "S": "10/16/2019 11:04:59"
                        }
                    },
                    {
                        'LastPostedDateTime': {
                            "S": "10/30/2019 21:41:39"
                        }
                    }
                ],
            }
        );
        console.log('dateEvents', dateEvents);

私が解決する必要があった問題は、任意の数のイベントが発生する可能性があり、それらはすべて同じ名前になるということでした：LastPostedDateTime異なるのは日付と時刻だけです。

これを試して：

alerts.splice(0,0,{"app":"goodbyeworld","message":"cya"});

かなりうまくいき、配列の先頭に追加します。