JS如何實(shí)現(xiàn)json對象數(shù)組按對象屬性排序操作

小編給大家分享一下JS如何實(shí)現(xiàn)json對象數(shù)組按對象屬性排序操作，希望大家閱讀完這篇文章之后都有所收獲，下面讓我們一起去探討吧！

專注于為中小企業(yè)提供網(wǎng)站設(shè)計(jì)制作、成都網(wǎng)站建設(shè)服務(wù),電腦端+手機(jī)端+微信端的三站合一,更高效的管理,為中小企業(yè)曲麻萊免費(fèi)做網(wǎng)站提供優(yōu)質(zhì)的服務(wù)。我們立足成都，凝聚了一批互聯(lián)網(wǎng)行業(yè)人才，有力地推動了近千家企業(yè)的穩(wěn)健成長，幫助中小企業(yè)通過網(wǎng)站建設(shè)實(shí)現(xiàn)規(guī)模擴(kuò)充和轉(zhuǎn)變。

js的作用是什么

1、能夠嵌入動態(tài)文本于HTML頁面。2、對瀏覽器事件做出響應(yīng)。3、讀寫HTML元素。4、在數(shù)據(jù)被提交到服務(wù)器之前驗(yàn)證數(shù)據(jù)。5、檢測訪客的瀏覽器信息。6、控制cookies，包括創(chuàng)建和修改等。7、基于Node.js技術(shù)進(jìn)行服務(wù)器端編程。

在實(shí)際工作經(jīng)常會出現(xiàn)這樣一個(gè)問題：后臺返回一個(gè)數(shù)組中有i個(gè)json數(shù)據(jù)，需要我們根據(jù)json中某一項(xiàng)進(jìn)行數(shù)組的排序。

例如返回的數(shù)據(jù)結(jié)構(gòu)大概是這樣：

{
  result:[
   {id:1,name:'中國銀行'},
   {id:3,name:'北京銀行'},
   {id:2,name:'河北銀行'},
   {id:10,name:'保定銀行'},
   {id:7,name:'淶水銀行'}
  ]
}

現(xiàn)在我們根據(jù)業(yè)務(wù)需要，要根據(jù)id的大小進(jìn)行排序，按照id小的json到id大的json順序重新排列數(shù)組的順序

在js中添加排序的方法：

這里使用JavaScript sort() 方法，首先解釋下這個(gè)sort的方法

語法：arrayObject.sort(sortby)

sortby：可選，規(guī)定排序順序。必須是函數(shù)。

如果調(diào)用該方法時(shí)沒有使用參數(shù)，將按字母順序?qū)?shù)組中的元素進(jìn)行排序，說得更精確點(diǎn)，是按照字符編碼的順序進(jìn)行排序。要實(shí)現(xiàn)這一點(diǎn)，首先應(yīng)把數(shù)組的元素都轉(zhuǎn)換成字符串（如有必要），以便進(jìn)行比較。

如果想按照其他標(biāo)準(zhǔn)進(jìn)行排序，就需要提供比較函數(shù)，該函數(shù)要比較兩個(gè)值，然后返回一個(gè)用于說明這兩個(gè)值的相對順序的數(shù)字。比較函數(shù)應(yīng)該具有兩個(gè)參數(shù) a 和 b，其返回值如下：

若 a 小于 b，在排序后的數(shù)組中 a 應(yīng)該出現(xiàn)在 b 之前，則返回一個(gè)小于 0 的值。
若 a 等于 b，則返回 0。
若 a 大于 b，則返回一個(gè)大于 0 的值。

下面開始使用sort(sortby) 來進(jìn)行這個(gè)排序，并打印到控制臺：

function sortId(a,b){
  return a.id-b.id
}
result.sort(sortId);
console.log(result);

完整測試示例代碼：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>www.jb51.net json數(shù)組排序</title>
</head>
<body>
<script>
var result = [
   {id:1,name:'中國銀行'},
   {id:3,name:'北京銀行'},
   {id:2,name:'河北銀行'},
   {id:10,name:'保定銀行'},
   {id:7,name:'淶水銀行'}
  ]
function sortId(a,b){
  return a.id-b.id
}
result.sort(sortId);
console.log(result);
</script>
</body>
</html>

然后查看控制臺，排序成功：

JS如何實(shí)現(xiàn)json對象數(shù)組按對象屬性排序操作

看完了這篇文章，相信你對“JS如何實(shí)現(xiàn)json對象數(shù)組按對象屬性排序操作”有了一定的了解，如果想了解更多相關(guān)知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝各位的閱讀！

網(wǎng)頁題目：JS如何實(shí)現(xiàn)json對象數(shù)組按對象屬性排序操作
網(wǎng)站地址：http://muchs.cn/article14/ghehge.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站設(shè)計(jì)公司、網(wǎng)站設(shè)計(jì)、網(wǎng)頁設(shè)計(jì)公司、網(wǎng)站維護(hù)、網(wǎng)站制作、自適應(yīng)網(wǎng)站

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容