Maison > développement back-end > tutoriel php > javascript - JSON.parse()会对返回的数组按照key值排序?怎么让它不排序

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

WBOY
Libérer: 2016-08-25 10:37:30
original
3806 Les gens l'ont consulté

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

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

回复内容:

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

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

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

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

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

<code class="javascript">// 随机生成 data
let data = [];
for (var i = 0; i  {
    let ta = a.text;
    let tb = b.text;
    return ta  tb ? 1 : 0);
});

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

// parse
console.log(JSON.parse(json));</code>
Copier après la connexion

补充

我对 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>
Copier après la connexion

这样得到的 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 常量

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal