【JavaScript】JS对象-属性的遍历,删除对象属性
时间: 2023-10-19 15:16:46 浏览: 70
JavaScript中的对象可以包含许多属性,我们可以使用不同的方法来遍历和删除这些属性。
1. 属性遍历
可以使用for...in循环来遍历对象的属性:
```
const person = {
name: "Alice",
age: 30,
gender: "female"
};
for (let key in person) {
console.log(`${key}: ${person[key]}`);
}
```
上述代码将输出对象person中每个属性和对应的值。
2. 属性删除
可以使用delete关键字来删除对象的属性:
```
const person = {
name: "Alice",
age: 30,
gender: "female"
};
delete person.age;
```
上述代码将删除对象person中的age属性。
需要注意的是,如果一个属性是对象的非继承属性,delete操作符将删除这个属性;如果这个属性是继承属性,delete操作符不会删除这个属性,但是可以通过重新定义它的值来隐藏它。
相关问题
js删除对象属性遍历形式
JavaScript中删除对象属性有多种遍历形式。以下是几种常见的方法:
1. 使用delete关键字:通过delete关键字可以直接删除对象的属性。
```javascript
const obj = { a: 1, b: 2, c: 3 };
delete obj.a; // 删除属性a
console.log(obj); // 输出: { b: 2, c: 3 }
```
2. 使用Object.keys()方法遍历对象属性:Object.keys()方法返回一个包含对象所有可枚举属性的数组,可以使用forEach()方法遍历并删除属性。
```javascript
const obj = { a: 1, b: 2, c: 3 };
Object.keys(obj).forEach(key => {
delete obj[key];
});
console.log(obj); // 输出: {}
```
3. 使用for...in循环遍历对象属性:使用for...in循环可以遍历对象的所有可枚举属性,通过delete关键字删除属性。
```javascript
const obj = { a: 1, b: 2, c: 3 };
for (let key in obj) {
delete obj[key];
}
console.log(obj); // 输出: {}
```
需要注意的是,使用delete关键字删除属性时,被删除的属性会变成undefined,但是它仍然存在于对象中,只是值变为了undefined。如果希望完全从对象中移除属性,可以使用Object.keys()或for...in循环结合delete关键字来实现。
js 遍历对象根据属性名删除
可以使用 delete 操作符来删除对象的属性。具体实现可以使用 for...in 循环遍历对象的属性名,然后使用 delete 操作符删除指定属性名的属性。
示例代码如下:
```javascript
const obj = {
name: '张三',
age: 18,
gender: '男'
};
// 删除 name 属性
delete obj.name;
// 遍历对象,删除 age 和 gender 属性
for (let key in obj) {
if (key === 'age' || key === 'gender') {
delete obj[key];
}
}
```
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)