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] windowオブジェクトかどうか判定する($.isWindow)

windowオブジェクトかどうか判定するには、$.isWindow()を使用します。 サンプルソース 例)objがwin ...

[jQuery] 要素が空かどうか判定する($.isEmptyObject)

jQueryで要素が空かどうか判定するには、$.isEmptyObject()を使用します。 サンプルソース 例)変数o ...

[jQuery] valueに値をセットする(.val)

jQueryでvalueに値をセットするには、valを使用します。 サンプルソース 例)ボタンをクリックすると、テキスト ...

[jQuery] 要素が生成されてからの時間を取得する(event.timeStamp)

要素が生成されてからの時間を取得するには、event.timeStampを使用します。 サンプルソース 例)ボタンが生成 ...

[jQuery] 要素にイベントを一度に複数追加する(.on)

要素にイベントを一度に複数追加するには、.onを使用します。 サンプルソース 例)id="txt1"要素にイベントを複数 ...

スポンサーリンク