Desarrollo front-end: el método de agregar objetos a objetos en JS
Hay aproximadamente tres formas de agregar un objeto a un objeto en JS: suma directa, usando el operador de extensión...,
Método Object.assign().
1. Agregar directamente
Agregue el contenido del par clave-valor requerido directamente en el objeto A. El ejemplo específico es el siguiente:
let objectA = {
name: 'Tom'
};
let key = 'age';
let value = 31;
objectA[key] = value; //结果为:objectA.age = 18
console.log( 'objectA===>',objectA); //输出结果为:objectA===> {name: 'Tom', age: 31}
2. Usando el operador de extensión...
Usando el operador de extensión... Es una forma común de agregar objetos a objetos.Los ejemplos específicos son los siguientes:
let objectA = {
name: 'Tom'
};
let objectB = {
age: 31
};
let object = {
...objectA, ...objectB};
console.log( 'object===>',object); //输出结果为:object===> {name: 'Tom', age: 31}
3. El método Object.assign()
El método Object.assign() tiene varios usos, principalmente para copiar los valores de todas las propiedades enumerables de uno o más objetos de origen al objeto de destino. Aquí se presentan principalmente las funciones relacionadas con la fusión de objetos. Los ejemplos específicos son los siguientes:
let objectA = {
name: 'Tom'
};
let objectB = {
age: 31
};
Object.assign( objectA, objectB);
console.log( 'objectA===>',objectA); //输出结果为:objectA===> {name: 'Tom', age: 31}