`JSON.stringify` 省略了数组中的自定义键

Question

我将我的数组存储为数组、数组和对象的混合体。例如假设这个：

let arrObj = [];
arrObj["x"] = 12;
arrObj.push(12);
arrObj["y"] = 15;
arrObj.push(15);

// result: arrObj = [12, 15, x: 12, y: 15]

这样，即使使用arrObj[0] 和arrObj["x"]，我也可以访问值12。这样一来，我就可以对其进行重复。

但是当我将它串起来时，x 和 y 键会丢失：

JSON.stringify(arrObj)
// result: "[12,15]"

我应该如何维护这些键和它们的值？

Answer 1

在字符串化时使用spread syntax将其转换为对象，然后解析并使用Array#reduce方法生成数组。

数组保留属性，因为 Array 在 Javascript 中也是一个对象。

let arrObj = [];
arrObj["x"] = 12;
arrObj.push(12);
arrObj["y"] = 15;
arrObj.push(15);

let json = JSON.stringify({ ...arrObj });

console.log(json);

let parsed = Object.entries(JSON.parse(json)).reduce((arr, [key, value]) => (arr[key] = value, arr), []);

console.log(parsed);

仅供参考：但对于键值对数据，最好使用Object 或Map，而不是更好，这在我看来是正确的方式。

---

更新 1： 或者您可以使用一个主对象来保留所有附加属性，并在其中创建一个属性来保留数组。

let arrObj = {
  arr: []
};
arrObj["x"] = 12;
arrObj.arr.push(12);
arrObj["y"] = 15;
arrObj.arr.push(15);

let json = JSON.stringify(arrObj);

console.log(json);

let parsed = JSON.parse(json);

console.log(parsed);

---

更新 2： 如果您尝试设置名为 arr（在我的情况下）的属性，则第二种方法会导致问题，因此请将对象值保存在单独的属性中。

let arrObj = {
  arr: [],
  obj: {}
};
arrObj.obj["x"] = 12;
arrObj.arr.push(12);
arrObj.obj["y"] = 15;
arrObj.arr.push(15);

let json = JSON.stringify(arrObj);

console.log(json);

let parsed = JSON.parse(json);

console.log(parsed);

Answer 2

数组应该只包含数字索引值。如果除了值之外还需要 键，请使用对象：

const obj = {};
obj.x = 12;
obj[0] = 12;
obj.y = 15;
obj[1] = 15;

console.log(JSON.stringify(obj));

for (let i = 0; i in obj; i++) {
  console.log(obj[i]);
}

您还可以考虑使用同时包含数组和自定义键值对的对象，例如：

const arr = [];
const obj = { arr };
obj.x = 12;
obj.y = 15;
arr.push(12);
arr.push(15);

console.log(JSON.stringify(obj));

Answer 3

这是一个花哨的 1 班轮解决方案：

let arrObj = [];
    arrObj["x"] = 12;
    arrObj.push(12);
    arrObj["y"] = 15;
    arrObj.push(15);

var string = JSON.stringify(Object.keys(arrObj).reduce((acc, cur) => ((acc[cur] = arrObj[cur]), acc), {}));

console.log(string);

P.S：我认为值得一提的是，您可能会遇到意外行为，因为在 JS 中，无法保证对象属性是有序的（如您所愿）。 Does JavaScript Guarantee Object Property Order?