使用扩展操作符组合对象内的数组

Question

let color = ["blue", "red", "yellow" , "green"]
let dataAdditionalBook= {
Author: "John Doe",
PublishYear: 2020
}
let book = {
Name: "basic programming",
NumberOfPages: 172,
CoverColor:["black"]
}
// the above code should not be changed or deleted at all
/* Write the answer code here */

使用展开操作符

将color变量(与CoverColor属性结合)和dataAdditionalBook合并到book变量中

Answer 1

当你想在book对象中存储更新的值时，你可以这样做:

let color = ["blue", "red", "yellow", "green"];
let dataAdditionalBook = {
Author: "John Doe",
PublishYear: 2020,
};
let book = {
Name: "basic programming",
NumberOfPages: 172,
CoverColor: ["black"],
};
book.CoverColor = [...book.CoverColor, ...color];
book = Object.assign(book, dataAdditionalBook);
console.log(book);

Answer 2

首先你可以将book CoverColor与color

组合

const bookWithNewColor = {...book,CoverColor:[...book.CoverColor,...color]} //updated code here

之后结合bookWithNewcolor和dataAdditionalBook

const newBook = {...bookWithNewColor,...dataAdditionalBook}
console.log(newBook)

结果:

{
name: 'basic programming',
NumberofPages: 172,
CoverColor: [ 'black','blue', 'red', 'yellow', 'green' ],
Author: 'John Doe',
Publish_year: 2020
}