js遍历对象中的属性
时间: 2023-11-21 16:58:11 浏览: 94
在JavaScript中,有多种方式可以遍历对象中的属性,以下是其中的两种方式:
1. for...in循环:可以遍历对象自身的可枚举属性以及继承的可枚举属性(不包括Symbol类型的属性)。示例代码如下:
```javascript
let obj = {type: 1, keyword: "js"};
for(let key in obj) {
console.log(key, obj[key]);
}
// 输出:type 1
// keyword js
```
2. Object.getOwnPropertyNames()方法:可以获取对象自身的所有属性(包括不可枚举属性),返回一个由属性名组成的数组。可以使用forEach()方法遍历数组,获取每个属性的值。示例代码如下:
```javascript
let obj = {type: 1, keyword: "js"};
Object.getOwnPropertyNames(obj).forEach(key => console.log(key, obj[key]));
// 输出:type 1
// keyword js
```
相关问题
js遍历对象的属性值
在JavaScript中,遍历对象的属性值可以使用多种方式。
1. 使用 for...in 循环遍历对象的属性名,然后通过属性名获取属性值:
```javascript
var obj = { name: 'John', age: 25 };
for (var key in obj) {
var value = obj[key]; // 获取属性值
console.log(value);
}
```
2. 使用 Object.keys() 方法获取对象的所有属性名,然后通过属性名获取属性值:
```javascript
var obj = { name: 'John', age: 25 };
var keys = Object.keys(obj); // 获取属性名数组
for (var i = 0; i < keys.length; i++) {
var key = keys[i];
var value = obj[key]; // 获取属性值
console.log(value);
}
```
3. 使用 Object.values() 方法直接获取对象的所有属性值:
```javascript
var obj = { name: 'John', age: 25 };
var values = Object.values(obj); // 获取属性值数组
for (var i = 0; i < values.length; i++) {
var value = values[i];
console.log(value);
}
```
以上是三种常用的遍历对象属性值的方式,根据具体情况选择合适的方式进行遍历。
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];
}
}
```
阅读全文