JavaScript如何删除属性及其值

JavaScript如何删除属性及其值

在JavaScript中，可以使用delete操作符来删除对象的属性及其值。delete操作符会从对象中移除指定的属性，如果删除成功，返回true；如果属性不存在或无法删除，返回false。

示例代码

let obj = {
    name: "Alice",
    age: 25,
    city: "New York"
};

// 删除 'age' 属性
delete obj.age;

console.log(obj); // 输出: { name: "Alice", city: "New York" }

// 尝试删除不存在的属性
let result = delete obj.gender;
console.log(result); // 输出: true (即使属性不存在，delete 也会返回 true)

// 删除成功
result = delete obj.city;
console.log(result); // 输出: true
console.log(obj); // 输出: { name: "Alice" }

注意事项

1. 不可配置的属性 ：如果属性是不可配置的（即configurable为false），delete操作符无法删除该属性，并且会返回false。

   let obj = {};
   Object.defineProperty(obj, 'name', {
       value: 'Alice',
       configurable: false
   });
   
   let result = delete obj.name;
   console.log(result); // 输出: false
   console.log(obj.name); // 输出: "Alice"

2. 全局变量和函数 ：delete操作符不能删除使用var、let或const声明的变量或函数。

   var x = 10;
   console.log(delete x); // 输出: false
   
   function foo() {}
   console.log(delete foo); // 输出: false

3. 数组元素 ：虽然可以使用delete删除数组元素，但这会在数组中留下一个undefined的空位，而不会改变数组的长度。

   let arr = [1, 2, 3];
   delete arr[1];
   console.log(arr); // 输出: [1, undefined, 3]
   console.log(arr.length); // 输出: 3

总结

• delete操作符用于删除对象的属性。
• 如果属性不存在或无法删除，delete会返回true。
• delete不能删除使用var、let或const声明的变量或函数。
• 删除数组元素会留下undefined的空位，不会改变数组长度。

更多vue相关插件及后台管理模板可访问vue admin reference，代码详情请访问github