js 遍历 对象属性名 属性值
时间: 2023-07-20 16:23:00 浏览: 97
可以通过`for...in`循环来遍历对象的属性名,同时通过对象的属性名来获取属性值。例如:
```javascript
const obj = {
name: 'John',
age: 30,
gender: 'male'
};
for (let prop in obj) {
console.log(prop); // 输出属性名 name, age, gender
console.log(obj[prop]); // 输出属性值 John, 30, male
}
```
在循环中,`prop`表示属性名,可以通过`obj[prop]`来获取属性值。
相关问题
js 遍历对象属性,获取该属性对象的属性值
可以使用 `for...in` 循环遍历对象属性,然后通过对象的属性名获取属性值。例如:
```javascript
const obj = {
name: 'John',
age: 30,
address: {
city: 'New York',
country: 'USA'
}
};
for (let prop in obj) {
if (obj.hasOwnProperty(prop)) {
console.log(prop + ': ' + obj[prop]);
if (typeof obj[prop] === 'object') {
for (let subProp in obj[prop]) {
console.log(subProp + ': ' + obj[prop][subProp]);
}
}
}
}
```
这段代码会输出对象 `obj` 中所有属性的名称和对应的值,如果属性的值是对象,还会继续遍历该对象的属性。注意,要使用 `hasOwnProperty` 方法来判断属性是否属于该对象本身,而不是继承自原型链。
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);
}
```
以上是三种常用的遍历对象属性值的方式,根据具体情况选择合适的方式进行遍历。
阅读全文