JS对象数组按照属性值排序并获取最大/小值

Posted web-前端工程师

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JS对象数组按照属性值排序并获取最大/小值相关的知识,希望对你有一定的参考价值。

let list = [ { name: "a1", data: 1}, { name: "a6", data: 6}, { name: "a2", data: 2}, { name: "a8", data: 8}, { name: "a4", data: 4}, { name: "a3", data: 3}, { name: "a7", data: 7}, { name: "a5", data: 5} ]

console.log("list_____", list);

 

// 方案一 根据某个属性值排序,然后根据索引获取

function compare(prop) { return function (a, b) {

   let v1 = a[prop]; let v2 = b[prop];

   // 从小到大

   return v1 - v2;

 // 从大到小

 

  return v2 - v1;

  };

}

list.sort(compare("data")); console.log("list_____", list);

 

// 方案二 根据某个属性值排序,然后根据索引获取

// 从大到小

list.sort((a, b) => { return b.data - a.data });

console.log("list_____", list);

// 从小到大

list.sort((a, b) => { return a.data - b.data });

 console.log("list_____", list);

 

// ES6真香警告 获取对象数组中属性值的最大/小值

let arry = list.map(x => x.data);

let arrystr = ...arry;

// 最大值

let max = Math.max(arrystr);

// 最小值

let min = Math.min(arrystr);

 

// 以上合并成一行代码

let result = Math.max(...list.map(x => x.data));

 

以上是关于JS对象数组按照属性值排序并获取最大/小值的主要内容,如果未能解决你的问题,请参考以下文章

Vue.js - 如何按特定属性对数组中的对象进行排序并使用“v-for”进行渲染

js 把对象按照属性名的字母顺序进行排列

js排序

JavaScript对象数组如何按指定属性和排序方

Js--使用sort根据数组中对象的某一个属性值进行排序

Js--使用sort根据数组中对象的某一个属性值进行排序