Js遍历键值对形式对象或Map形式的方法

最近在项目中使用ajax返回的是一个map对象，怎么遍历这个map对象？去网上查了好多，真正有用很少，终于让我想起自己以前一个需要遍历key=Value形式的对象，想了想这种方式，应该也对于map适用吧。所以试了下，成功了！记录下来以备后用。 在JS中如何遍历key=value键值对，对象的数据(也可以是map形式)。 for ( var key in changes) { //通过遍历对象属性的方法，遍历键值对，获得key，然后通过 对象[key]获得对应的值 name = key; value = changes[key];} 以上这篇Js遍历键值对形式对象或Map形式的方法就是小编 在JavaScript中，遍历键值对的形式对象或Map对象是常见的操作，特别是在处理从服务器返回的数据，例如Ajax请求的结果。本文将详细介绍如何遍历这两种数据结构。 我们来看看如何遍历传统JavaScript对象（键值对形式）。这些对象通常由一系列键值对组成，如`{key1: value1, key2: value2, ...}`。遍历这些对象最常用的方法是使用`for...in`循环。例如，给定一个名为`changes`的对象： ```javascript var changes = { name: 'John', age: 30, city: 'New York' }; for (var key in changes) { // 获取当前遍历到的键 var name = key; // 获取与键关联的值 var value = changes[key]; // 打印键值对 console.log(name + ': ' + value); } ``` 这段代码会依次打印出`name: John`, `age: 30`, `city: New York`。`for...in`循环会遍历对象的所有可枚举属性，包括从原型链继承的属性。如果只想遍历自身的属性，可以结合`hasOwnProperty`方法： ```javascript for (var key in changes) { if (changes.hasOwnProperty(key)) { var name = key; var value = changes[key]; console.log(name + ': ' + value); } } ``` 现在，我们转向Map对象。Map对象是ES6引入的新数据结构，它允许使用任何类型的值（不仅仅是字符串）作为键。遍历Map对象的方法略有不同，主要有以下两种： 1. 使用`for...of`循环和`entries()`方法： ```javascript let map = new Map(); map.set('name', 'John'); map.set('age', 30); for (let [key, value] of map.entries()) { console.log(key + ': ' + value); } ``` 这里，`entries()`方法返回一个迭代器，其中包含了Map中的所有键值对。`for...of`循环会依次取出这些键值对。 2. 使用`forEach()`方法： ```javascript map.forEach((value, key) => { console.log(key + ': ' + value); }); ``` `forEach()`方法为Map提供了迭代其所有条目的简便方式，它接受一个回调函数，每次迭代时调用该函数，传入键、值和Map本身作为参数。 在处理从Ajax返回的Map对象时，需要注意JSON不直接支持Map，通常会将其转换为对象后再进行处理。如果返回的数据已经是Map实例，那么可以按照上述方法进行遍历。 遍历JavaScript对象和Map对象有多种方法，选择哪种取决于具体需求。`for...in`适用于传统的键值对对象，而`for...of`结合`entries()`或`forEach()`则是遍历Map的首选。在实际应用中，根据场景和性能考虑选择最适合的方法。