如何在 javascript 的数组中删除 object

Question

[
  Employee {
    empId: 1000,
    empName: 'John',
    empSalary: 9123,
  },
  Employee {
    empId: 1001,
    empName: 'Doe',
    empSalary: 10000,
  },
  Employee {
    empId: 1002,
    empName: 'Jason',
    empSalary: 9812,
  },
  Employee {
    empId: 1003,
    empName: 'Jamie',
    empSalary: 6661,
  }
]

这是我的一组对象数组。 我想根据 ID 获取用户输入并从数组中删除。 我尝试过使用 splice，但我不断收到错误消息。

var target = prompt("Enter id to delete:");
for(var i = 0; i < data.length; i++) {
    if(data[i].empId === target) {
        data.splice(i, 1);
        break;
    }
}

如果有人可以请帮助我，请做！

Answer 1

数组中的 id 值是整数。 您在提示符处添加的信息是一个字符串。 您所要做的就是将字符串转换为数字。

 const data = [{"empId":1000,"empName":"John","empSalary":9123},{"empId":1001,"empName":"Doe","empSalary":10000},{"empId":1002,"empName":"Jason","empSalary":9812},{"empId":1003,"empName":"Jamie","empSalary":6661}]; var target = +prompt("Enter id to delete:"); // ----------^ for (let i = 0; i < data.length; i++) { if (data[i].empId === target) { data.splice(i, 1); break; } } console.log(data);

或者，这些天的首选选项是，您可以使用filter创建一个新的更新数据数组：

 const data = [{"empId":1000,"empName":"John","empSalary":9123},{"empId":1001,"empName":"Doe","empSalary":10000},{"empId":1002,"empName":"Jason","empSalary":9812},{"empId":1003,"empName":"Jamie","empSalary":6661}]; var target = +prompt("Enter id to delete:"); const newData = data.filter(({ empId }) => empId;== target). console;log(newData);

Answer 2

变量target可能是String类型，但empId是Number类型。 所以'1'不等于1。我认为你应该替换这一行：

if(data[i].empId === target) {

使用以下行：

if(data[i].empId === +target) {

Answer 3

找不到任何错误，但是由于返回的数据是字符串类型，因此您必须将提示结果转换为数字。

 let data = [{ empId: 1000, empName: 'John', empSalary: 9123, }, { empId: 1001, empName: 'Doe', empSalary: 10000, }, { empId: 1002, empName: 'Jason', empSalary: 9812, }, { empId: 1003, empName: 'Jamie', empSalary: 6661, } ] var target = prompt("Enter id to delete:"); for (var i = 0; i < data.length; i++) { if (data[i].empId === Number(target)) { data.splice(i, 1); break; } } console.log(data)

Answer 4

改变你正在遍历的数组从来都不是一个好主意。 使用过滤器等较新的标准来拥有不同的数组并保持原始数组不变。

此外，您可能对数据类型有疑问。 '===' 进行严格的类型检查。 您可以使用 '==' 或将目标解析为数字。

let newData = data.filter((employee) => {
return (employee.empId != target)
});

newData 现在有您的数组，其中包含删除了目标 ID 的员工。