javascript - JSON.parse()会对返回的数组按照key值排序?怎么让它不排序

php中文网
发布: 2016-08-25 10:37:30
原创
4669人浏览过

我在后台将一个已经排序过后的数组序列化后传给前台,前台在转的时候将结果自动按照key值排序,key值是数据对应的id值,在必须带上key值的前提下,如何让它不排序?请多指教

javascript - JSON.parse()会对返回的数组按照key值排序?怎么让它不排序
上面是正确的顺序,下面是json.parse()之后的顺序,可能是我表述的不太好

回复内容:

我在后台将一个已经排序过后的数组序列化后传给前台,前台在转的时候将结果自动按照key值排序,key值是数据对应的id值,在必须带上key值的前提下,如何让它不排序?请多指教

javascript - JSON.parse()会对返回的数组按照key值排序?怎么让它不排序
上面是正确的顺序,下面是json.parse()之后的顺序,可能是我表述的不太好

JSON.parse生成是对象,对象的key是没有顺序的。

立即学习Java免费学习笔记(深入)”;

JavaScript 对象确实是无序的,可能会因为 HASH 等原因看起来像是按 key 值排序了。

如果你返回的是一个有序的数组应该不会乱序。如果乱序,多半你是返回出来的一个键值对对象。给你一段测试代码。

<code class="javascript">// 随机生成 data
let data = [];
for (var i = 0; i < 10; i++) {
    let textOrder = ~~(Math.random() * 10000).toString();
    textOrder = `000${textOrder}`;
    textOrder = textOrder.substr(textOrder.length - 4);

    data.push({
        key: ~~(Math.random() * 1000),
        text: `text${textOrder}`
    });
}

// 按 text 排序
data.sort((a, b) => {
    let ta = a.text;
    let tb = b.text;
    return ta < tb ? -1 : (ta > tb ? 1 : 0);
});

// 生成 JSON
var json = JSON.stringify(data);
console.log(json);

// parse
console.log(JSON.parse(json));</code>
登录后复制

补充

我对 PHP 不熟,大概应该这么处理下
<code class="php">$data = array(20=>'a',10=>'b');
echo json_encode($data);
// {"20":"a","10":"b"}
// 上面是原来的输出结果

$list = [];
foreach ($data as $k => $v) {
    array_push($list, array("key" => $k, "value" => $v));
}
echo json_encode($list);
[{"key":20,"value":"a"},{"key":10,"value":"b"}]</code>
登录后复制

这样得到的 JSON,parse 出来是一个数组,就是原来的顺序了。

JSON.parse并不会导致序列乱掉,我猜测你写给前端的是{key1: value1,key2: value2}类似于Map的json结构,这样的东西前端没法遍历,使用Object.keys()这样会导致你说的乱序。建议你返回[{key: value}, {key: value}, {key: value}]这样的结构可以直接遍历。

JSON.parse 我的印象中是 将“{}”字符串转换为对象

数组前台使用JSON.parse顺序应该不会变吧,我没理解题主的意思?

如果楼主是想前台用for...of...的话,我觉得没办法办到啊

自己 random 一下呗

把key值转字符串,就不会排序了.

参考:http://php.net/manual/zh/func...
重点关注下option 常量

相关标签:
java速学教程(入门到精通)
java速学教程(入门到精通)

java怎么学习?java怎么入门?java在哪学?java怎么学才快?不用担心,这里为大家提供了java速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号