如何在JavaScript中移除var声明对象的属性？实现用户输入删属性

一、基础移除属性的方法 #

在JavaScript里，不管对象是用var、let还是const声明的，都可以用**delete操作符**来移除它的属性。

针对你给出的示例对象：

var person = {
  name: ['Bob', 'Smith'],
  age: 32,
  gender: 'male',
  interests: ['music', 'skiing'],
}

如果要删除age属性，有两种写法：

1. 点语法：

delete person.age;

2. 方括号语法（适合属性名是变量或字符串的场景）：

delete person['age'];

执行后，person对象里就不再有age这个属性了。

二、通过用户输入的字符串动态删除属性 #

完全可以实现用用户输入的字符串来删除指定属性，核心是用方括号语法来接收输入的字符串作为属性名。

示例代码如下：

var person = {
  name: ['Bob', 'Smith'],
  age: 32,
  gender: 'male',
  interests: ['music', 'skiing'],
}

// 获取用户输入的属性名
const propToDelete = prompt('请输入要删除的属性名（如age、gender）：');

// 先判断输入的属性是否存在，避免无效操作
if (propToDelete in person) {
  delete person[propToDelete];
  console.log(`已成功删除属性${propToDelete}`);
} else {
  console.log(`对象中不存在${propToDelete}这个属性`);
}

这段代码会弹出输入框让用户输入属性名，之后判断该属性是否存在于person对象中，存在就删除，不存在则提示用户。

补充：如果要更严谨，可以加一层输入校验，比如判断propToDelete是否为非空的有效字符串，避免因无效输入导致的异常。

内容的提问来源于stack exchange，提问作者parisadz