將值附加到 JavaScript 中的物件
Hemank Mehtani
2023年1月30日
2021年7月3日
-
在 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' }