JavaScript 物件移除屬性的三種方法 | Javascript

有時候,我們可能需要移除物件中的某個屬性。這篇文章將介紹三種常見的方法來移除 JavaScript 物件中的屬性(Porperty),分別是使用 delete 關鍵字、解構(destructuring)、以及 Object.assign 方法。

方法一:使用 delete 關鍵字

delete 關鍵字是 JavaScript 中的內建操作符,用於刪除物件中的屬性。

let obj = { foo: 'bar', baz: 'qux' };

// 移除屬性 baz
delete obj.baz;

console.log(obj); // { foo: 'bar' }

方法二:解構(Destructuring)

解構是 ES6 中引入的一種便捷的語法,可以將物件中的屬性解構賦值給新的變數,同時忽略不需要的屬性。

let obj = { foo: 'bar', baz: 'qux' };

// 解構並忽略屬性 baz
let { baz, ...rest } = obj;

console.log(rest); // { foo: 'bar' }

方法三:使用 Object.assign

Object.assign 方法可以用於將屬性從一個或多個源物件複製到目標物件,若將 null 或 undefined 傳入目標物件,則會忽略。

let obj = { foo: 'bar', baz: 'qux' };

// 創建一個新物件,排除屬性 baz
let newObj = Object.assign({}, obj);
delete newObj.baz;

console.log(newObj); // { foo: 'bar' }

結語

在 JavaScript 中,移除物件中的屬性可以使用多種方法,包括 delete 關鍵字、解構和 Object.assign 方法。選擇使用哪種方法取決於特定情況和需求。希望這篇部落格能幫助你更好地理解如何操作 JavaScript 物件。