JS中对象、数组、Map的遍历

落魄的小开发

已于 2022-03-01 15:19:03 修改

阅读量3.9k

点赞数

文章标签： js

于 2020-08-16 16:42:00 首次发布

本文链接：https://blog.csdn.net/erfu6081/article/details/108025284

版权

本文介绍了JavaScript中三种常见的复杂数据结构——对象、数组和Map的遍历方法。对于对象，从ECMAScript 5开始提供了三种原生方法列举属性；数组可以通过循环进行遍历；Map则保存键值对，其迭代顺序基于插入顺序。文章通过示例展示了如何遍历这些数据结构。

摘要由CSDN通过智能技术生成

JS中的数据类型不多，数据、Map以及对象是开发过程中经常使用到的复杂数据结构，经常需要遍历来进行页面数据的展示。

对象

先来创建一个对象

var person = {
   firstName:"xiaoMing", lastName:"Wang", age:13};

从 ECMAScript 5 开始，有三种原生的方法用于列出或枚举对象的属性：

// 1、for...in...循环
// 该方法依次访问一个对象及其原型链中所有可枚举的属性。
for (var index in person) {
   
  console.log('key=', index, 'value=', person[index]);
}

// 2、Object.keys(o)
// 该方法返回对象 o 自身包含（不包括原型中）的所有可枚举属性的名称的数组。
Object.keys(person).forEach(function(index) {
   
  console