將值附加到 JavaScript 中的物件
Hemank Mehtani
2023年10月12日
-
在 JavaScript 中使用
object.assign()方法將元素附加到物件 -
在 JavaScript 中使用
push()方法將元素附加到物件 - 在 JavaScript 中使用擴充套件運算子附加到物件
預設情況下，物件在 JavaScript 中是可變的。之後我們可以修改它們，具體取決於我們的要求。
本教程演示瞭如何將值附加到 JavaScript 物件。
在 JavaScript 中使用 object.assign() 方法將元素附加到物件
object.assign() 方法會將一個物件中定義的所有屬性複製到另一個物件，即將所有屬性從一個或多個源複製到目標物件。通過這樣做，我們向物件附加了一個元素。
例如，
const course = {
name: 'JavaScript'
};
const grade = {
score: 92
};
const finalResult = Object.assign(course, grade);
console.log(finalResult);
輸出：
{ name: 'JavaScript', score: 92 }
在 JavaScript 中使用 push() 方法將元素附加到物件
push() 函式將單個或多個元素新增到陣列的末尾，並返回陣列的新長度。
例如，
const brands = ['nike', 'reebok', 'adidas'];
const count = brands.push('venum');
console.log(count);
console.log(brands);
輸出：
4
[ 'nike', 'reebok', 'adidas', 'venum' ]
請注意，count 返回陣列的長度。這可能是將元素附加到包含在陣列中的物件的最直接方法。建議使用陣列，因為它們也是可變的。
例如，
const brands = [{nike: 1500}];
const count = brands.push({reebok: 2000});
console.log(count);
console.log(brands);
輸出：
2
[{nike: 1500},{reebok: 2000}]
在 JavaScript 中使用擴充套件運算子附加到物件
展開運算子用於合併或克隆 JavaScript 中的物件。當物件中的所有元素都需要包含在某個列表中時，可以使用它。
例如，
const rectangle = {
radius: 10
};
const style = {
Backcolour: 'red'
};
const solidRectangle = {
...rectangle,
...style
};
console.log(solidRectangle);
輸出：
{ radius: 10, Backcolour: 'red' }