通过匹配其他数组来改变对象属性的位置

Question

我有一个对象

var $data = {
  D_1_AA_Changes.xml: "This is a string", 
  D_2_Compare_AA_Changes.xml: "This is a string"
}

我需要将属性与我拥有的另一个数组匹配：

var list_match = ["D_2_Compare_AA_Changes","D_1_AA_Changes"]; 

我需要将list_match 与$data 属性匹配，并将$data 对象排列为list_match 数组值。

所以匹配后我必须像这样安排$data：

$data = {
  D_2_Compare_AA_Changes.xml: "This is a string",
  D_1_AA_Changes.xml: "This is a string"
}

所以我需要像上面这样的最终结果

Answer 1

在完全兼容的 ES2015+ JavaScript 引擎中可以做到这一点，但一般来说，最好将对象属性视为无序的，因为许多对象属性操作（如 for-in），即使在 ES2015+ 中，也不是保证遵循新用户使用的顺序（如Object.getOwnPropertyNames、JSON.stringify）。序列化和反序列化（例如，往返 JSON）时，也不一定要维护顺序。它可能是，但不能保证是。*依赖无保证的行为会导致微妙的、浪费时间的错误。

但是，如果您想在 ES2015+ 引擎上执行此操作，请创建一个新对象并按照您希望它们的顺序添加这些属性：

const $data = {
  "D_1_AA_Changes.xml": "This is a string",
  "D_2_Compare_AA_Changes.xml": "This is a string"
};

var list_match = ["D_2_Compare_AA_Changes","D_1_AA_Changes"];

console.log("before", JSON.stringify($data));

const $newData = {};
for (const entry of list_match) {
  const name = entry + ".xml";
  $newData[name] = $data[name];
}

console.log("after", JSON.stringify($newData));

请注意，它在这种情况下有效，因为属性名称看起来不像数组索引，它们是“自己的”属性。看起来像数组索引的属性名称不像其他属性名称那样按创建顺序列出。

再说一遍：强烈建议不要尝试使用对象属性顺序。

更多阅读：

• The spec on the order of "own" properties in an object
• The spec on the order of "own" and inherited properties in an object
• Does ES6 introduce a well-defined order of enumeration for object properties? 的答案概述了做和不遵循属性顺序的操作

---

* JSON.stringify 保证遵循顺序，但该 JSON 的 消费者 不一定。

Answer 2

您可以像这样使用数组中的顺序来访问对象属性

list_match.forEach(function(key) {
  var myData = $data[key];
  /* you can check that `myData` is not undefined */
})