ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript オブジェクトを効果的にマージするにはどうすればよいですか?

JavaScript オブジェクトを効果的にマージするにはどうすればよいですか?

DDD
リリース: 2024-12-29 11:13:11
オリジナル
761 人が閲覧しました

How Do I Merge JavaScript Objects Effectively?

JavaScript オブジェクトの結合

はじめに:

複数のソースからのデータを結合することは、JavaScript 開発における一般的なタスクです。オブジェクトの結合は、さまざまなオブジェクトのプロパティを 1 つのエンティティに結合できるようにする手法です。この記事では、JavaScript オブジェクトをマージするさまざまな方法について説明します。

最新の JavaScript の組み込みマージ メソッド

オブジェクト スプレッド構文 (ES2018):

let merged = {...obj1, ...obj2};
ログイン後にコピー

Object.assign (ES2015):

Object.assign(obj1, obj2);
ログイン後にコピー

これらのメソッドは、obj2 のプロパティを obj1 にマージします。 obj2 のプロパティは、obj1 にある同じ名前の既存のプロパティを上書きします。

古い JavaScript バージョン (ES5 以前) のオブジェクトをマージ

for (var attrname in obj2) { obj1[attrname] = obj2[attrname]; }
ログイン後にコピー

このメソッドは、obj2 から obj1 にすべてのプロパティをコピーします。 、obj1.

処理用のカスタム マージ関数に既に存在するものを含みます。競合

マージ動作をさらに制御する必要がある場合は、カスタム関数を作成できます:

function merge_options(obj1, obj2) {
    var obj3 = {};
    for (var attrname in obj1) { obj3[attrname] = obj1[attrname]; }
    for (var attrname in obj2) { obj3[attrname] = obj2[attrname]; }
    return obj3;
}
ログイン後にコピー

以上がJavaScript オブジェクトを効果的にマージするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート