Informationen zum Zusammenführen von Objektwerten in JavaScript

In diesem Artikel wird hauptsächlich die Methode zum Zusammenführen von Objektwerten in JavaScript ausführlich vorgestellt, die einen bestimmten Referenzwert hat.

Vorwort: Im täglichen Leben Während der Entwicklungsarbeit. Möglicherweise stoßen wir auf das Kopieren aller Werte in Objekten in js, oder wir entwickeln den Client möglicherweise über Electron und stehen beim Überarbeiten vor dem Problem, die Zusammenführung festzulegen. 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]
          }
        })
      }

    },

Das Obige habe ich für Sie zusammengestellt und hoffe, dass es Ihnen in Zukunft hilfreich sein wird.

Verwandte Artikel:

So implementieren Sie einen Taschenrechner mit JavaScript

So implementieren Sie die Tabellenfilterung mit Angular

Wie Vue.js das Laden mit unendlichem Scrollen implementiert

Chrome Firefox wird mit Debugging-Tools geliefert (ausführliches Tutorial)

Wie um die Funktion „Write Ajax request“ in JS zu verwenden

So erstellen Sie Vue mit vue-cli+webpack

So steuern Sie mehrere Bildlaufleisten zum Scrollen synchron mit JS

Webpack-Framework (Master-Core-Technologie)

So verwenden Sie Webpack + Express, um die Entwicklung mehrseitiger Websites zu erreichen

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