So führen Sie JS-Objektwerte zusammen

Dieses Mal zeige ich Ihnen, wie Sie die Objektwerte von JS zusammenführen und welche Vorsichtsmaßnahmen für das Zusammenführen der Objektwerte von JS gelten. Hier ist ein praktischer Fall, schauen wir uns das an.

Vorwort: Bei der täglichen Entwicklungsarbeit kann es vorkommen, dass wir alle Werte im Objekt in js kopieren oder entwickeln Kunden durch Elektron Andererseits standen wir bei der Überarbeitung vor dem Problem, Einstellungen zusammenzuführen. 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 von obj2 unverändert lassen. Rufen Sie einfach die Methode auf (unter Verwendung 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]
          }
        })
      }
    },

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!

Empfohlene Lektüre:

Detaillierte Erläuterung der Verwendung von JS-Pseudo-Arrays

Wie bestimmt JS den Client-Typ

Das obige ist der detaillierte Inhalt vonSo führen Sie JS-Objektwerte zusammen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!