การหาค่าสูงสุดของคุณสมบัติในอาร์เรย์ของวัตถุ

ฉันกำลังมองหาวิธีที่รวดเร็วสะอาดและมีประสิทธิภาพในการรับค่า "y" สูงสุดในชิ้นส่วน JSON ต่อไปนี้:

[
  {
    "x": "8/11/2009",
    "y": 0.026572007
  },
  {
    "x": "8/12/2009",
    "y": 0.025057454
  },
  {
    "x": "8/13/2009",
    "y": 0.024530916
  },
  {
    "x": "8/14/2009",
    "y": 0.031004457
  }
]

for-loop เป็นวิธีเดียวที่จะไปเกี่ยวกับมันได้หรือไม่ Math.maxฉันกระตือรือร้นในการใช้อย่างใด

วิธีค้นหาyค่าสูงสุดของวัตถุในarray:

Math.max.apply(Math, array.map(function(o) { return o.y; }))

ค้นหาวัตถุที่มีคุณสมบัติ "Y" มีค่ามากที่สุดในอาร์เรย์ของวัตถุ

วิธีหนึ่งก็คือใช้ Array ลด ..

const max = data.reduce(function(prev, current) {
    return (prev.y > current.y) ? prev : current
}) //returns object

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/Reduce http://caniuse.com/#search=reduce (IE9 ขึ้นไป)

หากคุณไม่ต้องการสนับสนุน IE (เฉพาะ Edge) หรือสามารถใช้คอมไพเลอร์ก่อนเช่น Babel คุณสามารถใช้ไวยากรณ์ที่สั้นกว่านี้ได้

const max = data.reduce((prev, current) => (prev.y > current.y) ? prev : current)

สะอาดและเรียบง่าย ES6 (Babel)

const maxValueOfY = Math.max(...arrayToSearchIn.map(o => o.y), 0);

พารามิเตอร์ที่สองควรตรวจสอบให้แน่ใจว่าค่าเริ่มต้นหากarrayToSearchInว่างเปล่า

การเปรียบเทียบ tree ONELINERSที่จัดการกับจำนวนลบด้วยตัวพิมพ์เล็ก (อินพุตในaอาร์เรย์):

var maxA = a.reduce((a,b)=>a.y>b.y?a:b).y;  // 30 chars time complexity:  O(n)

var maxB = a.sort((a,b)=>b.y-a.y)[0].y;     // 27 chars time complexity:  O(nlogn)

var maxC = Math.max(...a.map(o=>o.y));      // 26 chars time complexity: >O(2n)

ตัวอย่างที่สามารถแก้ไขได้ที่นี่ แนวคิดจาก: maxA , maxBและmaxC (ผลข้างเคียงของ maxB คืออาร์เรย์aนั้นเปลี่ยนไปเพราะsortอยู่ในตำแหน่ง)

var a = [
  {"x":"8/11/2009","y":0.026572007},{"x":"8/12/2009","y":0.025057454},    
  {"x":"8/14/2009","y":0.031004457},{"x":"8/13/2009","y":0.024530916}
]

var maxA = a.reduce((a,b)=>a.y>b.y?a:b).y;
var maxC = Math.max(...a.map(o=>o.y));
var maxB = a.sort((a,b)=>b.y-a.y)[0].y;

document.body.innerHTML=`<pre>maxA: ${maxA}\nmaxB: ${maxB}\nmaxC: ${maxC}</pre>`;

สำหรับอาร์เรย์ที่ใหญ่กว่าMath.max...ข้อยกเว้นจะเกิดข้อผิดพลาด: มีขนาดการโทรสูงสุดเกิน (Chrome 76.0.3809, Safari 12.1.2, วันที่ 2019-09-13)

let a = Array(400*400).fill({"x": "8/11/2009", "y": 0.026572007 }); 

// Exception: Maximum call stack size exceeded

try {
  let max1= Math.max.apply(Math, a.map(o => o.y));
} catch(e) { console.error('Math.max.apply:', e.message) }

try {
  let max2= Math.max(...a.map(o=>o.y));
} catch(e) { console.error('Math.max-map:', e.message) }

ก่อนอื่นคุณควรแยกสตริง JSON เพื่อให้คุณสามารถเข้าถึงสมาชิกได้อย่างง่ายดาย:

var arr = $.parseJSON(str);

ใช้mapวิธีการแยกค่า:

arr = $.map(arr, function(o){ return o.y; });

จากนั้นคุณสามารถใช้อาร์เรย์ในmaxวิธีการ:

var highest = Math.max.apply(this,arr);

หรือเป็นหนึ่งซับ:

var highest = Math.max.apply(this,$.map($.parseJSON(str), function(o){ return o.y; }));

ฉันต้องการอธิบายคำตอบสั้น ๆ ที่ได้รับการยอมรับทีละขั้นตอน:

var objects = [{ x: 3 }, { x: 1 }, { x: 2 }];

// array.map lets you extract an array of attribute values
var xValues = objects.map(function(o) { return o.x; });
// es6
xValues = Array.from(objects, o => o.x);

// function.apply lets you expand an array argument as individual arguments
// So the following is equivalent to Math.max(3, 1, 2)
// The first argument is "this" but since Math.max doesn't need it, null is fine
var xMax = Math.max.apply(null, xValues);
// es6
xMax = Math.max(...xValues);

// Finally, to find the object that has the maximum x value (note that result is array):
var maxXObjects = objects.filter(function(o) { return o.x === xMax; });

// Altogether
xMax = Math.max.apply(null, objects.map(function(o) { return o.x; }));
var maxXObject = objects.filter(function(o) { return o.x === xMax; })[0];
// es6
xMax = Math.max(...Array.from(objects, o => o.x));
maxXObject = objects.find(o => o.x === xMax);


document.write('<p>objects: ' + JSON.stringify(objects) + '</p>');
document.write('<p>xValues: ' + JSON.stringify(xValues) + '</p>');
document.write('<p>xMax: ' + JSON.stringify(xMax) + '</p>');
document.write('<p>maxXObjects: ' + JSON.stringify(maxXObjects) + '</p>');
document.write('<p>maxXObject: ' + JSON.stringify(maxXObject) + '</p>');

ข้อมูลเพิ่มเติม:

• Math.max.apply()
• Array.prototype.map()
• Array.from()
• Function.prototype.apply()
• Array.prototype.filter()
• Array.prototype.find()

var data = [
  { 'name': 'Vins', 'age': 27 },
  { 'name': 'Jan', 'age': 38 },
  { 'name': 'Alex', 'age': 80 },
  { 'name': 'Carl', 'age': 25 },
  { 'name': 'Digi', 'age': 40 }
];
var max = data.reduce(function (prev, current) {
   return (prev.age > current.age) ? prev : current
});
//output = {'name': 'Alex', 'age': 80}

ถ้าคุณ (หรือใครบางคนที่นี่) มีอิสระที่จะใช้lodashยูทิลิตี้ไลบรารีมันมีmaxByฟังก์ชั่นซึ่งจะมีประโยชน์มากในกรณีของคุณ

ดังนั้นคุณสามารถใช้เช่น:

_.maxBy(jsonSlice, 'y');

หรือเรียงง่าย! ทำให้เป็นจริง :)

array.sort((a,b)=>a.y<b.y)[0].y

แต่ละอาร์เรย์และรับค่าสูงสุดด้วยคณิตศาสตร์

data.reduce((max, b) => Math.max(max, b.costo), data[0].costo);

นี่คือทางออกที่สั้นที่สุด (One Liner) ES6 :

Math.max(...values.map(o => o.y));

var max = 0;                
jQuery.map(arr, function (obj) {
  if (obj.attr > max)
    max = obj.attr;
});

โซลูชัน ES6

Math.max(...array.map(function(o){return o.y;}))

สำหรับรายละเอียดเพิ่มเติมดูhttps://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/max

Here is very simple way to go:

Your DataSet.

let numberArray = [
  {
    "x": "8/11/2009",
    "y": 0.026572007
  },
  {
    "x": "8/12/2009",
    "y": 0.025057454
  },
  {
    "x": "8/13/2009",
    "y": 0.024530916
  },
  {
    "x": "8/14/2009",
    "y": 0.031004457
  }
]

1. First create Array, containing all the value of Y
let result = numberArray.map((y) => y)
console.log(result) >> [0.026572007,0.025057454,0.024530916,0.031004457]

2. let maxValue = Math.max.apply(null, result)
console.log(maxvalue) >> 0.031004457