JS 遍历 json对象顺序错乱的原因以及解决方案

在js中 使用 for(var a in b) 之类遍历的时候，如果 b 是json对象不能保证按照原顺序遍历。若想按照顺序遍历需要把 b 转换为 array。

 

有时候我们会遇到这种场景，后台给过来的数据是json格式，key还是有序的，然后前端使用常规的for in 循环遍历json，结果显示的顺序和给过来的顺序不一致，这是为什么呢？怎么解决呢？（本文由www.liuyanla.com网站原创）

这是因为json数据是无序的键值对，而数组是有序的，所以要想有序的显示，则要将json的键值对转换为array数组，然后遍历数组，结果既是有序的。

接下来我们说说如何将json数据转换成array数据：

    let jsons={      a:”aaa1″,      b:”bbb2″,      c:”ccc3″,      d:”ddd4″,    };    let arr=[];    Object.keys(jsons).forEach((key,index)=>{      arr.push(jsons[key]);    });    console.log(arr)    // (4) [“aaa1”, “bbb2”, “ccc3”, “ddd4”]

以上就是JS 遍历 json对象顺序错乱的原因以及解决方案！

转载自：https://www.liuyanla.com/h5/63/