Question

data = {
    "age": [41, 21, 88],
    "name": ["Rob", "Tom", "Susan"],
    "color": ["Red", "Blue", "Orange"]
}

如何根据1个数组的值对这些记录进行排序？我已经尝试过sort（）函数，但是不能将数据压缩在一起。

data = {
    "age": [21, 41, 88],
    "name": ["Tom", "Rob", "Susan"],
    "color": ["Blue", "Red", "Orange"]
}

Answer 1

您实际上应该以一种真正的面向对象的方式存储此类信息，如下所示：

[
  {
    "age": 41,
    "name": "Rob",
    "color": "Red"
  },
  {
    "age": 21,
    "name": "Tom",
    "color": "Blue"
  },
  {
    "age": 88,
    "name": "Susan",
    "color": "Orange"
  }
]

这看起来很冗长，但它是优越的：属于在一起的属性现在已经真正绑定在一起了。

然后按以下步骤进行排序：

data.sort((a, b) => a.age - b.age)

Answer 2

如果要使数组分开，则可以通过对age数组进行排序来提取索引顺序，然后按照该顺序对每个数组进行排序：

let data = {
  "age": [41, 21, 88],
  "name": ["Rob", "Tom", "Susan"],
  "color": ["Red", "Blue", "Orange"]
};

let indexOrder = data.age
  .map((a, i) => [a, i])
  .sort((a, b) => a[0] - b[0])
  .map(a => a[1]);

for (let k in data) {
  data[k] = indexOrder.map(i => data[k][i]);
}

console.log(data);

Answer 3

您始终可以重新构建数据并对其进行排序：

var data = {
  "age": [41, 21, 88],
  "name": ["Rob", "Tom", "Susan"],
  "color": ["Red", "Blue", "Orange"]
};
data.age.map(function(x, i) {
  return {
    age: data.age[i],
    name: data.name[i],
    color: data.color[i]
  };
}).sort(function(a, b) {
  // you can even sort by age then name then color
  return a.age - b.age;
}).forEach(function(o, i) {
  data.age[i] = o.age;
  data.name[i] = o.name;
  data.color[i] = o.color;
});
console.log(data);

Answer 4

当您的对象具有单独的值时，应该在一个对象中将它们总计在一起，如下所示：

{
  "age": 41,
  "name": "Rob",
  "color": "Red"
}

如果应用函数Array.prototype.map创建上面的对象，将其按age（Array.prototype.sort）排序，然后使用函数{{1}重新创建所需的输出}。

我建议您重新定义相关数据的存储方式。

Array.prototype.reduce

let data = {    "age": [41, 21, 88],    "name": ["Rob", "Tom", "Susan"],    "color": ["Red", "Blue", "Orange"]},
    obj = data.age.map((age, i) => ({age, name: data.name[i], color: data.color[i]})),
    result = obj.sort(({age: a}, {age: b}) => a - b).reduce((a, c) => {
      a.age.push(c.age);
      a.color.push(c.color);
      a.name.push(c.name);
      return a;
    }, {age: [], color: [], name: []});

console.log(result);

Answer 5

data = {
    "age": [41, 21, 88],
    "name": ["Rob", "Tom", "Susan"],
    "color": ["Red", "Blue", "Orange"]
}
var sortData = d => {
     var dat = []
     d.age.forEach(
     (di, i) => {
        dat.push(
            {
                age:di, 
                name:d.name[i],
                color:d.color[i]
            }
         )
     })
     dat.sort((a, b) => a.age - b.age)
     console.log(d)
     d = {
          age:[],
          name:[],
          color:[]
     }
     dat.forEach(di => {
          d.age.push(di.age)
          d.name.push(di.name)
          d.color.push(di.color)
     })
     console.log(d)
}
sortData(data)

确切的呈现方式。你应该做亭子的答案

排序一个数组，并使其他两个数组保持同步

5 个答案: