对对象数组进行排序？

Question

我有以下数据结构，并且我坚持一种基于价格以升序对所有项目中的所有变体进行排序的方法。

理想情况下，我需要一种方法来找到任何项目变体的最低价格，同时仍然可以访问变体的父项。

var items = [
{
    "id" : 1 ,
    "name" : "name1",
    "variations" : [
        {
            "subId" : 1000011,
            "subName" : "name1a",
            "price" : 19.99
        },
        {
            "subId" : 1000012,
            "subName" : "name1b",
            "price" : 53.21
        },
        {
            "subId" : 1000013,
            "subName" : "name1c",
            "price" : 9.49

        }
    ]

},
{
    "id" : 2, 
    "name" : "name2",
    "variations" : [
        {
            "subId" : 1000021,
            "subName" : "name2a",
            "price" : 99.29
        },
        {
            "subId" : 1000022,
            "subName" : "name2b",
            "price" : 104.99
        },
        {
            "subId" : 1000023,
            "subName" : "name2c",
            "price" : 38.00

        }
    ]

}

];

Answer 1

您可以使用以下代码来执行此操作：

items.forEach(function(item){
  var variations = item.variations.sort(function(a, b){
    return b.price - a.price;
  });
  console.log(variations);
});

将为items数组中的每个项目调用此函数。 如果您只想订购 items 数组中的第一个、第二个或n项，则需要使用以下内容：

var variations = items[0].variations.sort(function(a, b){
  return b.price - a.price;
});
console.log(variations);

其中items[0]表示您要订购的商品。

如你看到的：

function(a, b){
  return b.price - a.price;
}

是从items数组中对每个数组item的最终结果进行排序的函数。 使用sort功能。 您可以阅读更多关于 compare 函数如何对数组的项目进行排序的信息。

数组元素根据比较函数的返回值排序

Answer 2

看看这个jsbin 示例：

var sortedByPrice = items.map(function(item) {
  item.variations.sort(function(a, b) {
    return a.price - b.price;
  });

  return item;
});

console.log(sortedByprice);

只需映射它们并根据变体的价格进行排序。

Answer 3

您的 .json 中有一些语法错误/错误类型。 修复后你可以使用这样的东西：

var items = [
{
    "id" : 1 ,
    "name" : "name1",
    "variations" : [
        {
            "subId" : 1000011,
            "subName" : "name1a",
            "price" : 19.99
        },
        {
          "subId" : 1000012,
            "subName" : "name1b",
            "price" : 53.21
        },
        {
          "subId" : 1000013,
            "subName" : "name1c",
            "price" : 9.49

        }
    ]

},
{
    "id" : 2, 
    "name" : "name2",
    "variations" : [
        {
            "subId" : 1000021,
            "subName" : "name2a",
            "price" : 99.29
        },
        {
          "subId" : 1000022,
            "subName" : "name2b",
            "price" : 104.99
        },
        {
          "subId" : 1000023,
            "subName" : "name2c",
            "price" : 38.00

        }
    ]

}

];
items;

items.sort(function(a,b){
  var mina=a.variations.sort(function(x,y){
       return x.price - y.price;
     })[0].price; //find minimal price in 1st variations
  var minb=b.variations.sort(function(x,y){
       return x.price - y.price;
    })[0].price; // in 2nd variations
return mina - minb; //what compare returns 
});

更新 1

如果您想要更多结构化解决方案，请使用以下命令：

function minProp(arr, prop){
  return arr.sort(function(a,b){
    return a[prop] - b[prop];
  })[0][prop];
}

items.sort(function(a,b){
  var mina = minProp(a.variations,'price');
  var minb = minProp(b.variations,'price');
return mina-minb;  
});

可以调用更多的结构。