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

野性酷女 2022-11-17 13:40 321阅读 0赞

## 对象删除元素 ##

### 方法1 ###

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

let obj = {
        id: '1',
        name: '上海',
        area: '嘉定'
    }
    
    delete obj.area
    console.log(obj)
    console.log(obj.area)

![20210409162649969.png][]

### 方法2 ###

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

![20210409162446592.png][]

## 数组删除元素 ##

### 方法1 ###

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

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

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

![20210409163130685.png][]

# #

## 方法2 ##

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

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

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

![20210409163337990.png][]

### 方法3 ###

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

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

![20210409163506323.png][]

[20210409162649969.png]: /images/20221022/659773306ebe41a9ad5939c636add6a2.png
[20210409162446592.png]: /images/20221022/9dfe885ca33444e48b78985373cfe5ac.png
[20210409163130685.png]: /images/20221022/fa0080a8efcc49e5bbef61042ee4feb1.png
[20210409163337990.png]: /images/20221022/e10327e8039b44e49e50d66e679d082e.png
[20210409163506323.png]: /images/20221022/f8e662a6ea2c4d3b838346ccef363754.png