jQuery

[jQuery] オブジェクトをマージする($.extend)

投稿日:2017年6月24日 更新日:

オブジェクトをマージするには、$.extend()を使用します。

サンプルソース

例1)obj1にobj2の値をマージする

(結果)
obj1 => {cd: 2, name: "きゅうり", price: 198, number: 25}

上記例の通り、extendの引数にマージするオブジェクトのみ指定した場合は、第1引数のオブジェクトの内容がマージされたものに書き換えられてしまいます。 これを防ぐには、第1引数に空のオブジェクトを指定すればOKです。

例2)obj1にobj2の値をマージして、obj3に代入する

(結果)
obj3 => {cd: 2, name: "きゅうり", price: 198, number: 25}

この方法だと、obj1とobj2の値は上書きされずそのままです。

解説

  • マージすると、無いkeyの場合は作成され、存在するkeyの場合は上書きされます。
  • extendにの引数には複数のオブジェクトを指定することが可能です。
  • 再帰的なオブジェクト(オブジェクトのオブジェクト)をextendすると、マージではなく上書きされてしまいます。これを防ぐためには第1引数にtrueを指定すれば再帰的なオブジェクトでもマージされます。
    例)$.extend(true, obj1, obj2);

スポンサーリンク

スポンサーリンク

-jQuery
-,

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

[jQuery] 指定した要素を別の要素に置き換える(.replaceWith)

指定した要素を別の要素に置き換えるには、.replaceWith() を使用します。 構文 (構文) .replaceW ...

[jQuery] 要素を削除する(.remove)

要素を削除するには、removeを使用します。 サンプルソース 例)ボタンクリックで、id="dv1"要素を削除する [ ...

[jQuery] 要素に指定したclassが適用されているか判定する(.hasClass)

要素に指定したclassが適用されているか判定するには、hasClassを使用します。 構文 (構文) $(<セレクタ> ...

[jQuery] ime-modeが使えるかどうかチェックする

ime-modeが使えるかどうかチェックするサンプルです。 サンプルソース 例)ime-modeが使える場合は"OK"、 ...

[jQuery] 要素から指定した要素の最も近い親要素を取得する(.closest)

要素から指定した要素の最も近い親要素を取得するには、.closest() を使用します。 構文 (構文) .closes ...

スポンサーリンク