• 如何在JavaScript中给对象添加不存在的属性?
  • 发布于 1个月前
  • 61 热度
    0 评论
  • Storm
  • 0 粉丝 42 篇博客
  •   
今天我们来聊聊一个非常实用的小技巧:如何在JavaScript中给对象添加不存在的属性。

检查并添加对象属性
有时候我们需要给一个对象添加新的属性,但是我们不确定这个属性是否已经存在。为了避免错误,我们可以先检查一下这个属性是否存在。如果不存在,再添加它。我们来看一个简单的例子:
const person = {}
// 堆代码 duidaima.com
// 检查person对象中是否有name属性,如果没有,就添加一个name属性
if (!person.hasOwnProperty('name')) {
  person.name = {}; // 如果没有name属性,就把它设为空对象

}
// 现在我们可以安全地给name属性添加其他属性了
  person.name.firstName = "John";
  person.name.lastName = "Doe";
  console.log(person);
在这个例子中,我们有一个空的person对象。我们想给它添加一个name属性,但是我们不确定它是否已经存在。于是我们用hasOwnProperty方法检查一下。如果person对象中没有name属性,我们就给它添加一个空对象。接着,我们可以放心地给name属性添加firstName和lastName属性了。

确保调用正确的hasOwnProperty方法
需要注意的是,hasOwnProperty方法可以被对象本身覆盖。所以,为了确保我们调用的是正确的方法,可以使用Object.prototype.hasOwnProperty.call:
const person = {}

// 使用Object.prototype.hasOwnProperty.call来检查属性
if (!Object.prototype.hasOwnProperty.call(person, 'name')) {
  person.name = {}; // 如果没有name属性,就把它设为空对象
}
 // 堆代码 duidaima.com
 // 现在我们可以安全地给name属性添加其他属性了
  person.name.firstName = "John";
  person.name.lastName = "Doe";

console.log(person);
在这个例子中,我们用Object.prototype.hasOwnProperty.call来检查person对象是否有name属性。这样我们就可以确保调用的是原始的hasOwnProperty方法,而不是被对象覆盖的版本。

小结
总结一下,如果你想在JavaScript中给对象添加新的属性,可以使用hasOwnProperty方法检查属性是否存在。如果属性不存在,就可以放心地添加它。
用户评论