Zusammenführen von Objekten und Arrays

1. Objektzusammenführung

1. Der Erweiterungsoperator führt zwei Objekte zusammen

let obj1 = {
    name: '陈伟霆',
    gender: '男',
    hobby: '唱歌'
};
let obj2 = {
    name: '陈伟霆',
    gender: '男',
    hobby: '跳舞',
    nationality: '中国'
};
 
let obj = {...obj1, ...obj2};
console.log(obj);  
// { name: '陈伟霆', gender: '男', hobby: '跳舞', nationality: '中国' }

Wie aus dem obigen Code ersichtlich ist:

• Attribute mit demselben Namen: werden zusammengeführt, und letzteres (obj2) überschreibt ersteres (obj1).
• Attribute mit unterschiedlichen Namen: Die Attributwerte bleiben unverändert und werden nur zusammengeführt. Hinweis: Die erste Ebene ist Deep Copy, und die zweite Ebene beginnt mit einer flachen Kopie.

 Hinweis: Die erste Ebene ist eine tiefe Kopie und die zweite Ebene beginnt mit einer flachen Kopie.

1. Object.assign()

let obj1 = {
    name: '陈伟霆',
    gender: '男',
    hobby: '唱歌'
};
let obj2 = {
    gender: '男',
    hobby: '跳舞',
    nationality: '中国'
};
let obj = Object.assign({}, obj1, obj2);
console.log(obj); 
 // { name: '陈伟霆', gender: '男', hobby: '跳舞', nationality: '中国' }

Wie aus dem obigen Code ersichtlich ist, ist der Effekt der gleiche wie bei Methode 1.​ 

Hinweis: Die erste Ebene ist eine tiefe Kopie und die zweite Ebene beginnt mit einer flachen Kopie.

3. Rekursive Urteilszuweisung

let obj1 = {
    name: '陈伟霆',
    gender: '男',
    hobby: '唱歌'
};
let obj2 = {
    name: '陈伟霆',
    gender: '男',
    hobby: '跳舞',
    nationality: '中国'
};
let obj = obj1;
for (var p in obj2){
    if(obj2.hasOwnProperty(p))
    obj[p] = obj2[p];
}
console.log(obj); 
 // { name: '陈伟霆', gender: '男', hobby: '跳舞', nationality: '中国' }

Hinweis: Die erste Ebene ist eine tiefe Kopie und die zweite Ebene beginnt mit einer flachen Kopie.

4.extend() in jquery

Die Funktion jQuery.extend() wird verwendet, um den Inhalt eines oder mehrerer Objekte in das Zielobjekt zusammenzuführen.

$.extend(obj1, obj2)  // 浅拷贝
$.extend(true, obj1, obj2)  // 深拷贝

2. Array-Zusammenführung

1.Erweiterungsoperator

var newArray = [...array,...elements]
console.log(newArray); // ["a", "b", 0, 1, 2]

2. Die Methode array.concat() führt die Zusammenführung durch. Diese Methode fügt nicht zum vorhandenen Array hinzu, sondern erstellt ein neues Array und gibt es zurück.

var array = ["a", "b"];
var elements = [0, 1, 2];
 
var newArray = array.concat(elements);
console.log(array); //['a', 'b']
console.log(newArray);// ["a", "b", 0, 1, 2]

3.array.push()-Methode zum Zusammenführen

const heroes = ['Batman'];
 
heroes.push('Superman');
 
heroes; // ['Batman', 'Superman']

const heroes = ['Batman', 'Superman'];
const villains = ['Joker', 'Bane'];
 
heroes.push(...villains);
 
heroes; // ['Batman', 'Superman', 'Joker', 'Bane']

4. Methode anwenden: Diese Methode dient zum Hinzufügen jedes Array-Elements zu einem anderen Array. Es handelt sich um eine Methode zum Ändern des ursprünglichen Arrays.

var array = ["a", "b"];
var elements = [0, 1, 2];
array.push.apply(array, elements);
console.log(array); // ["a", "b", 0, 1, 2]