Ausführliche Erläuterung der Methode zum Zusammenführen von Objektwerten in JavaScript

In diesem Artikel wird hauptsächlich die Methode zum Zusammenführen von Objektwerten in JavaScript vorgestellt. Ich hoffe, dass sie für alle hilfreich ist.

Vorwort: Bei der täglichen Entwicklungsarbeit stoßen wir möglicherweise auf das Kopieren aller Werte in Objekten in js, oder wir entwickeln Clients über Electron und stehen vor der Zusammenführung von Einstellungen bei der Überarbeitung der Frage. Daher bietet dieser Artikel eine kurze Lösung für dieses Problem.

Einführung: Wenn es beispielsweise obj1 und obj2 gibt, müssen wir alle Werte in obj1 mit demselben Feld und derselben Tiefe in obj2 nach obj2 kopieren und die Feldstruktur beibehalten von obj2 unverändert. Rufen Sie einfach die Methode auf (mit der ES6-Schreibmethode).

Code:

/**
     * 将src中的数据copy到dist中，并保留dist的结构
     * @param src
     * @param dist
     */
    copyValue(src, dist) {
      if (!src || typeof(src) !== 'object' || typeof(dist) !== 'object'){
        return ;
      }

      let keys = Object.keys(dist)
      if (keys && keys.length > 0 && isNaN(keys[0])){
        keys.forEach(key => {
          let value = dist[key]
          let srcVal = src[key]

          // 判断是不是对象，如果是则继续遍历，不是则开始赋值或忽略
          if (value !== undefined && typeof(value) === 'object' && srcVal && typeof(srcVal) === 'object' && srcVal[0] === undefined){
            copyValue(srcVal, value)
          } else if (value !== undefined && srcVal && typeof(value) == typeof (srcVal)){
            // 如果源数据存在，并且类型一致，则开始赋值
            dist[key] = src[key]
          }
        })
      }

    },

Verwandte Empfehlungen:

Detaillierte Erläuterung der Verwendung von zwei Methoden in Regular und Object in Java

Detaillierte Erläuterung der Anwendungsbeispiele der statischen Methode object.extend in Javascript

Interpretation von Objekt- und Parameterattributen in HTML

Das obige ist der detaillierte Inhalt vonAusführliche Erläuterung der Methode zum Zusammenführen von Objektwerten in JavaScript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!