js 遍历json返回的map内容示例代码

最新推荐文章于 2025-10-24 20:12:53 发布

原创最新推荐文章于 2025-10-24 20:12:53 发布 · 421 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #json #前端

JAVAI学习专栏收录该内容

131 篇文章

订阅专栏

文章展示了如何使用JavaScript遍历JSON对象来处理Map数据。通过将Map转换为JSON，然后使用JS的each循环或for-in循环来遍历键值，动态地将数据推入Y轴和X轴的对应数组中，实现了对Map内容的间接访问。示例代码包括了处理项目ID和名称的场景。

JS 遍历 JSON 返回的 map 内容示例代码

代码如下:

var yData = [];//Y轴数据 
var xData = [];//X轴数据 
$(data.rows).each(function(i){ 

var obj = data.rows[i]; 
// alert(obj.key); 
// alert(obj.value); 

yData.push(obj.key); //动态取值 
xData.push(obj.value); //动态取值 
});

由于JS不能直接遍历Map，但是可以遍历JSON对象，所以先将Map转为JSON数据，再由JS去解析遍历JSON对象，就达到了间接遍历Map的目的：

代码如下：

var proIdArray = new Array();
var proNameArray = new Array();
// Deal with the project names.  
var theProjectsObj = JSON.parse(result.data["projectIdsNames"]);
for (var proId in theProjectsObj) {
    proNameArray.push(theProjectsObj[proId]);
    proIdArray.push(proId);
}