亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

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

 更新時間:2023年04月17日 17:10:53   作者:上網的蟲不叫網蟲  
這篇文章主要介紹了js如何查找json數據中的最大值和最小值方法,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教

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

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

先準備好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循環(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);// 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 }

總結

以上為個人經驗,希望能給大家一個參考,也希望大家多多支持腳本之家。

相關文章

  • js將滾動條滾動到指定位置的簡單實現(xiàn)方法

    js將滾動條滾動到指定位置的簡單實現(xiàn)方法

    下面小編就為大家?guī)硪黄猨s將滾動條滾動到指定位置的簡單實現(xiàn)方法。小編覺得挺不錯的, 現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2016-06-06
  • 詳解JavaScript 作用域

    詳解JavaScript 作用域

    這篇文章主要介紹了JavaScript 作用域的相關資料,文中講解非常詳細,幫助大家更好的理解和學習,感興趣的朋友可以了解下
    2020-07-07
  • Java前后端分離之權限管理示例分析

    Java前后端分離之權限管理示例分析

    權限管理就是管理用戶對于資源的操作。本 CRM 系統(tǒng)的權限(也稱作資源)是基于角色操作權限來實現(xiàn)的,即RBAC(Role-Based Access Control,基于角色的訪問控制),就是用戶通過角色與權限進行關聯(lián)
    2022-08-08
  • JS數組扁平化、去重、排序操作實例詳解

    JS數組扁平化、去重、排序操作實例詳解

    這篇文章主要介紹了JS數組扁平化、去重、排序操作,結合實例形式詳細分析了JS數組扁平化、去重、排序等相關操作原理、實現(xiàn)技巧與注意事項,需要的朋友可以參考下
    2020-02-02
  • javascript中的if語句使用介紹

    javascript中的if語句使用介紹

    在javascript中的一些選擇語句,其實jf語句就是一種,下面舉幾個不錯的示例為大家介紹下,希望對大家學習有所幫助
    2013-11-11
  • php 解壓zip壓縮包內容到指定目錄的實例

    php 解壓zip壓縮包內容到指定目錄的實例

    下面小編就為大家分享一篇php 解壓zip壓縮包內容到指定目錄的實例,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2018-01-01
  • 基于casperjs和resemble.js實現(xiàn)一個像素對比服務詳解

    基于casperjs和resemble.js實現(xiàn)一個像素對比服務詳解

    這篇文章主要給大家介紹了關于基于casperjs和resemble.js實現(xiàn)一個像素對比服務的相關資料,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧。
    2018-01-01
  • stackoverflow常用工具庫總結

    stackoverflow常用工具庫總結

    這篇文章主要為大家介紹了stackoverflow常用工具庫總結,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪
    2023-03-03
  • JS實現(xiàn)二維數組元素的排列組合運算簡單示例

    JS實現(xiàn)二維數組元素的排列組合運算簡單示例

    這篇文章主要介紹了JS實現(xiàn)二維數組元素的排列組合運算,結合實例形式分析了javascript針對二維數組的遍歷、排列組合運算等相關操作技巧,需要的朋友可以參考下
    2019-01-01

最新評論