JS 删除对象和数组中的某个属性

对象删除元素

方法1

删除是删除对象的属性没有任何剩菜剩下的唯一真正的方法

let obj = {
    id: '1',
    name: '上海',
    area: '嘉定'
}

delete obj.area
console.log(obj)
console.log(obj.area)

方法2

let obj = {
    id: '1',
    name: '上海',
    area: '嘉定'
}

obj.area = undefined

 

数组删除元素

方法1

当用 delete 操作符删除一个数组元素时，被删除的元素已经不再属于该数组。下面的例子中用 delete删除了arr[3]

当你删除一个数组元素时，数组的长度不受影响。即便你删除了数组的最后一个元素也是如此。

let arr = ["上海","北京","深圳","南京","厦门"];
delete arr[3];
if (3 in arr) {
  console.log('这里不会执行')
}
console.log(arr)

 

 

方法2

如果你想让一个数组元素继续存在但是其值是 undefined，那么可以使用将 undefined 赋值给这个元素而不是使用 delete。

下面的例子中，arr[3] 被赋值为 undefined，但该元素仍然存在。

let arr = ["上海","北京","深圳","南京","厦门"];
arr[3] = undefined
if (3 in arr) {
    console.log('这里会被执行')
}
console.log(arr)

方法3

如果你想通过改变数组的内容来移除一个数组元素，请使用 splice() 方法。在下面的例子中，通过使用splice()，将arr[3]从数组中移除。

let arr = ["上海","北京","深圳","南京","厦门"];
arr.splice(3,1)
console.log(arr)