js循环对象-Obj-loop 循环遍历优秀对象

在前端开发中，遍历对象是一个非常常见的操作，而在JavaScript中遍历对象也不是什么难事，只需要掌握几个基本的语法和技巧，就可以轻松地遍历所有对象。

在本文中，我们将主要围绕循环对象的相关内容进行介绍和解析。无论你是初学者还是有经验的开发者，本文都会为你提供有效的参考和实践经验。

一、基本语法

在JavaScript中，循环遍历对象的语法非常简单，它的基本形式如下：

```js

for(var key in obj) {

// 遍历每个属性

}

```

其中，`key`表示对象的属性名称，而`obj`则代表需要遍历的对象。这样我们就可以轻松地循环遍历对象的所有属性了。

二、遍历对象的方法

除了上述基本语法之外，循环遍历对象还可以使用其他方法，这里我们分别进行讲解。

1. 使用 Object.keys()

如果你只想遍历对象的键（key），可以使用`Object.keys()`方法。这个方法的返回值是对象的所有键（key）组成的数组。使用这个方法可以省去一些遍历对象的代码量。

```js

var obj = {a: 1, b: 2, c: 3};

Object.keys(obj).forEach(function(key) {

console.log(key);

});

```

输出结果：

```

a

b

c

```

2. 使用 Object.getOwnPropertyNames()

与`Object.keys()`类似，`Object.getOwnPropertyNames()`可以遍历对象的所有属性，包括非枚举属性。这个方法返回的也是一个包含所有属性名称的数组。

```js

var obj = {a: 1, b: 2, c: 3};

Object.getOwnPropertyNames(obj).forEach(function(key) {

console.log(key);

});

```

输出结果：

```

a

b

c

```

3. 使用 Object.values()

`Object.values()`方法用于遍历对象的值（value），返回的是对象的所有值组成的数组。

```js

var obj = {a: 1, b: 2, c: 3};

Object.values(obj).forEach(function(value) {

console.log(value);

});

```

输出结果：

```

1

2

3

```

4. 使用 Object.entries()

`Object.entries()`方法返回的是一个包含对象所有属性名称和属性值的数组。

```js

var obj = {a: 1, b: 2, c: 3};

Object.entries(obj).forEach(function([key, value]) {

console.log(key, value);

});

```

输出结果：

```

a 1

b 2

c 3

```

三、实例应用

下面我们举一个实际开发应用的例子，结合以上知识点展示遍历对象的方法。

假设我们有一个起始日期和结束日期对象，我们需要依次遍历它们之间所有的日期。

```js

var startDate = {

year: 2022,

month: 10,

date: 1

};

var endDate = {

year: 2022,

month: 10,

date: 10

};

```

首先，我们需要定义一个处理日期的方法，用于将对象中的年、月、日以字符串形式连接在一起。

```js

function dateToString(dateObj) {

var year = dateObj.year,

month = dateObj.month,

date = dateObj.date;

month = month < 10 ? '0' + month : month;

date = date < 10 ? '0' + date : date;

return year + '-' + month + '-' + date;

}

```

然后，我们可以使用`Object.keys()`方法遍历日期对象，计算出日期对象之间的天数。

```js

var days = 0;

Object.keys(startDate).forEach(function(key) {

var startVal = startDate[key],

endVal = endDate[key];

if(key === 'year') {

days += (endVal - startVal) * 365;

} else if(key === 'month') {

days += (endVal - startVal) * 30;

} else if(key === 'date') {

days += (endVal - startVal);

}

});

```

最后，我们可以得到起始日期和结束日期之间的天数。

```js

console.log(days); // 9

```

以上就是遍历对象的一些常用方法和实例应用，希望可以为大家提供一些参考和实践的经验。