js如何查找json數據中的最大值和最小值方法

Posted on by

js查找json數據中的最大值和最小值

js操作數組的方式有很多種，查找json數據中的最大值和最小值也是經常用到，那麼接下來就介紹2種方式來實現。

先準備好json數據，根據數組中的age值比較大小：

var array = [
    {name:'張三1',age:10},
    {name:'張三2',age:40},
    {name:'張三3',age:40},
    {name:'張三4',age:33},
    {name:'張三5',age:2},
    {name:'張三6',age:2},
]

使用Math對象來獲取最大值和最小值

1. 獲取最大值：

var max = Math.max.apply(Math, array.map(function(o) {
    return o.age;
}))
console.log(max);// 40

2. 獲取最小值：

var min = Math.min.apply(Math, array.map(function(o) {
    return o.age;
}))
console.log(min);// 2

使用for循環來獲取最大值和最小值

1. 獲取最大值：

var max = arr[0].age;
    for (var i = 1; i < arr.length; i++) {
    max = max < arr[i].age ? arr[i].age : max;
}
console.log(max);// 40

2. 獲取最小值：

var min = arr[0].age;
for (var i = 1; i < arr.length; i++) {
    min = min > arr[i].age ? arr[i].age : min;
}
console.log(min);// 2

獲取最大值和最小值返回對應的json數據

1. 獲取含有最大值的數據：

var maxAgeArr = arr.filter(item=>item.age==max);
console.log(maxAgeArr);//[{name:'張三2',age:40},{name:'張三3',age:40}]

2. 獲取含有最小值的數據：

var minAgeArr = arr.filter(item=>item.age==min);
console.log(minAgeArr);//[{name:'張三5',age:2},{name:'張三6',age:2}]

用reduce()獲取JSON中某個字段值最大的項

需求

獲取JSON中value值最大的項

[{
  value: 1
},{
  value: 2
},{
  value: 3
}]

語法

array.reduce(callback[, initialValue])
參數 說明
array 必需。數組對象
callback 必需。一個接受最多四個參數的函數。對於數組中的每個元素，reduce 方法都會調用 callback函數一次。
initialValue 可選。如果指定 initialValue，則它將用作初始值。第一次調用 callback 函數會將此值作為參數。

返回值

通過最後一次調用回調函數獲得的累積結果。

回調函數語法

function callbackfn(previousValue, currentValue, currentIndex, array)
參數 說明
previousValue 通過上一次調用回調函數獲得的值。如果向 reduce 方法提供 initialValue，則在首次調用函數時，previousValue 為 initialValue。
currentValue 當前數組元素的值。
currentIndex 當前數組元素的數字索引。
array 包含該元素的數組對象。

示例：

let maxValue = data.reduce((prev, cur) => {
  return prev.value > cur.value ? prev : cur
})
// maxValue = { value:3 }

總結

以上為個人經驗，希望能給大傢一個參考，也希望大傢多多支持WalkonNet。

推薦閱讀：