將值附加到 JavaScript 中的物件

Hemank Mehtani 2023年1月30日 2021年7月3日
  1. 在 JavaScript 中使用 object.assign() 方法將元素附加到物件
  2. 在 JavaScript 中使用 push() 方法將元素附加到物件
  3. 在 JavaScript 中使用擴充套件運算子附加到物件
將值附加到 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' }

相關文章 - JavaScript Object