[解決済み】オブジェクトに要素を追加する
2022-04-17 22:33:25
質問
私はjsonファイルを入力する必要があります、今私は次のようなものを持っています。
{"element":{"id":10,"quantity":1}}
そして、もう一つ"element"を追加する必要があります。私の最初のステップは、そのjsonを
cart = JSON.parse
そして、新しい要素を追加する必要があります。
私は
cart.push
を追加するために、次のようにしました。
var element = {};
element.push({ id: id, quantity: quantity });
cart.push(element);
を実行しようとすると、エラー "Object has no method push" が発生します。
element.push
というのも、私はどこにも "element" を伝えていないからです。
どうすればいいのでしょうか?
編集してください。 申し訳ありませんが、私の頭の中は混乱していました。
からデータを取得する場合、オブジェクト型しか取得できないと思っていました。
JSON.parse
しかし、私は最初にJSONに入れたものを取得します。
オブジェクトの代わりに配列を置くと、私の問題は解決しました。
どのように解決するのですか?
要素は配列ではありませんが、多くの要素オブジェクトをサポートするために、カートは配列である必要があります。コード例です。
var element = {}, cart = [];
element.id = id;
element.quantity = quantity;
cart.push(element);
cartをオブジェクトの配列にしたい場合は、以下のような形になります。
{ element: { id: 10, quantity: 1} }
であれば、実行します。
var element = {}, cart = [];
element.id = id;
element.quantity = quantity;
cart.push({element: element});
JSON.stringify()
は、コメントの中で懸念事項として挙げられていました。
>> JSON.stringify([{a: 1}, {a: 2}])
"[{"a":1},{"a":2}]"
関連
-
[解決済み】document.getElementByIDは関数ではありません。
-
[解決済み】ある要素が可視DOMに存在するかどうかを確認するにはどうすればいいですか?
-
[解決済み】JavaScriptのボタンonclickが機能しない
-
[解決済み】PhantomJS 2.1.1を使用してReactJSアプリケーションをレンダリングできない理由とは?
-
[解決済み] JavaScriptでオブジェクトをディープクローンする最も効率的な方法は何ですか?
-
[解決済み] JavaScriptのオブジェクトが空であることをテストするにはどうすればよいですか?
-
[解決済み] JavaScriptのオブジェクトにキーが存在するかどうかをチェックする?
-
[解決済み] JSオブジェクトをJSON文字列に変換する
-
[解決済み】未定義のオブジェクトプロパティを検出する
-
[解決済み】JavaScriptのオブジェクトの長さ
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】document.getElementByIDは関数ではありません。
-
[解決済み] jQueryで、ユーザーがそのフィールドを編集している間、テキストフィールドの最初の文字を大文字にするにはどうすればよいですか?
-
[解決済み] Uncaught TypeError: 未定義のプロパティ 'top' を読み込めない
-
[解決済み】JavaScriptのisset()に相当するもの
-
[解決済み】jquery $.ajaxオブジェクトのresponseJSONプロパティを取得する方法 [重複]。
-
[解決済み】Reactのeslintエラーはpropsの検証で見つからない
-
[解決済み】ES6マップオブジェクトをソートすることは可能ですか?
-
[解決済み】 Uncaught Reference Error: stLight is not defined (in Chrome only)
-
[解決済み】HTMLの最初の行に予期しないトークン<がある。
-
[解決済み】module.exports "モジュールが定義されていません"