让 jquery 不对关联数组进行排序

Question

如何防止 JavaScript 对我的关联数组进行排序？我需要以数字或数字作为字符串的关联数组的键，因为该数组是动态创建的。由于某些原因，JS一直为我排序，这给我带来了问题。顺便说一句，我正在使用 jquery-2.0.3.min.js：

HTML

<div id='output'></div>

JavaScript

//define array
var myUnsortArray={};
myUnsortArray[98+""]='first';
myUnsortArray[99+""]='second';
myUnsortArray[1+""]='third';
myUnsortArray[2+""]='last';

//output array
var a="";
$.each(myUnsortArray,function(key,value){a=a+key+": "+value+"<br/>";});
$("#output").html(a);

输出：

1: third
2: last
98: first
99: second

首选输出：

98: first
99: second
1: third
2: last

提前谢谢你！

Answer 1

如何以不同的方式存储数据？代替由键：值对组成的对象，将其设为由值：位置对组成的数组：

let unsorted = [];
unsorted.push({value:"first", pos:"98"});
unsorted.push({value:"second", pos:"99"});
unsorted.push({value:"third", pos:"1"});
unsorted.push({value:"last", pos:"2"});

//output array
console.log(unsorted);

var a ="";
$.each(unsorted,function(index, item){
        console.log(item.value);
        a = a + item.pos + ": " + item.value + "<br/>";
    });

$("#output").html(a);

/* Output:
 * 98: first
 * 99: second
 * 1: third
 * 2: last
 */

Answer 2

jQuery 不排序，这是 Javascript 在某些浏览器中的特定行为，因此无法确保插入顺序。

看看这段代码 sn-p 没有 jQuery 的.each 函数：

//define array
var myUnsortArray = {};
myUnsortArray[98 + ""] = 'first';
myUnsortArray[99 + ""] = 'second';
myUnsortArray[1 + ""] = 'third';
myUnsortArray[2 + ""] = 'last';

//output array
var a = "";
for (key in myUnsortArray) {
  a = a + key + ": " + myUnsortArray[key] + "<br/>";
}

$("#output").html(a);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<span id="output"></span>

看到了吗？没有 jQuery，键正在排序。

以下代码 sn-p 展示了如何使用 Map 类保留插入顺序：

var myUnsortMap = new Map();
myUnsortMap.set('98', 'first');
myUnsortMap.set('99', 'second');
myUnsortMap.set('1', 'third');
myUnsortMap.set('2', 'last');

//output array
var a = "";
for (var [key, value] of myUnsortMap) {
  a = a + key + ": " + value + "<br/>";
}

$("#output").html(a);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<span id="output"></span>

看到了吗？现在它遵循插入顺序。