js如何查找json數(shù)據中的最大值和最小值方法
更新時間：2023年04月17日 17:10:53 作者：上網的蟲不叫網蟲
這篇文章主要介紹了js如何查找json數(shù)據中的最大值和最小值方法，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
js查找json數(shù)據中的最大值和最小值
js操作數(shù)組的方式有很多種，查找json數(shù)據中的最大值和最小值也是經常用到，那么接下來就介紹2種方式來實現(xiàn)。
先準備好json數(shù)據，根據數(shù)組中的age值比較大?。?/p>
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);// 402. 獲取最小值：
var min = Math.min.apply(Math, array.map(function(o) {
?? ?return o.age;
}))
console.log(min);// 2使用for循環(huán)來獲取最大值和最小值
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);// 402. 獲取最小值：
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數(shù)據
1. 獲取含有最大值的數(shù)據：
var maxAgeArr = arr.filter(item=>item.age==max);
console.log(maxAgeArr);//[{name:'張三2',age:40},{name:'張三3',age:40}]2. 獲取含有最小值的數(shù)據：
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])
| 參數(shù) | 說明 |
|---|---|
| array | 必需。數(shù)組對象 |
| callback | 必需。一個接受最多四個參數(shù)的函數(shù)。對于數(shù)組中的每個元素，reduce 方法都會調用 callback函數(shù)一次。 |
| initialValue | 可選。如果指定 initialValue，則它將用作初始值。第一次調用 callback 函數(shù)會將此值作為參數(shù)。 |
返回值
通過最后一次調用回調函數(shù)獲得的累積結果。
回調函數(shù)語法
function callbackfn(previousValue, currentValue, currentIndex, array)
| 參數(shù) | 說明 |
|---|---|
| previousValue | 通過上一次調用回調函數(shù)獲得的值。如果向 reduce 方法提供 initialValue，則在首次調用函數(shù)時，previousValue 為 initialValue。 |
| currentValue | 當前數(shù)組元素的值。 |
| currentIndex | 當前數(shù)組元素的數(shù)字索引。 |
| array | 包含該元素的數(shù)組對象。 |
示例：
let maxValue = data.reduce((prev, cur) => {
return prev.value > cur.value ? prev : cur
})
// maxValue = { value:3 }總結
以上為個人經驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
IScroll是移動頁面上被使用的一款仿系統(tǒng)滾動插件。IScroll5相對于之前的IScroll4改進了許多，使得大家可以更方便的定制所需的功能了。2016-05-05
這篇文章主要為大家詳細介紹了使用JavaScript實現(xiàn)輪播圖效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-01-01
分享JavaScript監(jiān)聽全部Ajax請求事件的方法
最近在做一個小項目，引入了第三方js文件，這個文件會調用XMLHttpRequest向服務器發(fā)送 Ajax請求，但是我有需要監(jiān)聽其Ajax請求的某些事件，以便額外地執(zhí)行其他腳本。于是稍微看了看監(jiān)聽 Ajax請求的事件方法，在這里分享給大家。有需要的朋友們可以參考借鑒。2016-08-08
這篇文章主要介紹了微信小程序封裝自定義彈窗的實現(xiàn)代碼，非常不錯，具有一定的參考借鑒價值,需要的朋友可以參考下2019-05-05
去重是開發(fā)中經常會碰到的一個熱點問題，這篇文章主要介紹了JS中實現(xiàn)數(shù)組去重中常用的5個方法，文中的示例代碼講解詳細，感興趣的可以了解一下2022-06-06
JS辨別訪問瀏覽器判斷是android還是ios系統(tǒng)
掃描二維碼之后自動分辨出是android還是ios系統(tǒng)，因此就要用JS辨別訪問瀏覽器針對于不同的系統(tǒng)進行不同的下載,需要的朋友可以參考下2014-08-08
JavaScript中的this是一個非常重要的概念，也是一個令新手開發(fā)者甚至有些不深入理解的多年經驗開發(fā)者都會感到困惑的概念，如果你希望自己能夠使用this編寫更好的代碼或者更好理解他人的代碼，就跟隨小編一起理解一下this吧2023-07-07
JavaScript是所有現(xiàn)代瀏覽器的官方語言。 因此，JavaScript 問題出現(xiàn)在各種開發(fā)人員的面試中。這篇文章主要跟大家分享了關于JavaScript中最常見的三個面試題，需要的朋友可以參考學習，下面來一起看看吧。2017-03-03
JSON 對象是我們經常使用的一種數(shù)據存儲對象,它的適用范圍非常廣,JSON.stringify 方法可以幫我們把一個對象或數(shù)組轉換成一個 JSON字符串,本文我們給大家詳細介紹一下JavaScript中JSON.stringify方法,需要的朋友可以參考下2023-09-09
魔鬼字典 JavaScript 筆記 代碼比較多亂，對于有經驗的看容易點。2010-03-03