欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JS實現(xiàn)對json對象排序并刪除id相同項功能示例

 更新時間:2018年04月18日 12:02:08   作者:包子源  
這篇文章主要介紹了JS實現(xiàn)對json對象排序并刪除id相同項功能,涉及javascript針對json格式數(shù)據(jù)的遍歷、運算、判斷、添加、刪除等相關(guān)操作技巧,需要的朋友可以參考下

本文實例講述了JS實現(xiàn)對json對象排序并刪除id相同項功能。分享給大家供大家參考,具體如下:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>www.dbjr.com.cn json排序并刪除ID相同項</title>
</head>
<body>
<script type="text/javascript">
var data=[
{
 "distance": 10,
 "name": "lv",
 "id": 1
},
{
 "distance": 1,
 "name": "lv",
 "id": 1
},
{
 "distance": 12,
 "name": "lv",
 "id": 3
},
{
 "distance": 18,
 "name": "lv",
 "id": 4
},
{
 "distance": 5,
 "name": "lv",
 "id": 5
},
{
 "distance": 12,
 "name": "lv",
 "id": 6
}
]
//根據(jù)distance排列data
function sortNumber(a,b)
{
 return a.distance - b.distance
}
data.sort(sortNumber);
//去除id相同并且距離較大的數(shù)據(jù)
for(var i=0; i < data.length; i++) {
 for(var j=i+1; j < data.length; j++) {
  if(data[i].id == data[j].id) {
   data.splice(j,1);
  }
 }
}
console.log(data);//打印最終數(shù)據(jù)
</script>
</body>
</html>

運行結(jié)果:

PS:關(guān)于json操作,這里再為大家推薦幾款比較實用的json在線工具供大家參考使用:

在線JSON代碼檢驗、檢驗、美化、格式化工具:
http://tools.jb51.net/code/json

JSON在線格式化工具:
http://tools.jb51.net/code/jsonformat

在線XML/JSON互相轉(zhuǎn)換工具:
http://tools.jb51.net/code/xmljson

json代碼在線格式化/美化/壓縮/編輯/轉(zhuǎn)換工具:
http://tools.jb51.net/code/jsoncodeformat

在線json壓縮/轉(zhuǎn)義工具:
http://tools.jb51.net/code/json_yasuo_trans

更多關(guān)于JavaScript相關(guān)內(nèi)容可查看本站專題:《JavaScript中json操作技巧總結(jié)》、《JavaScript查找算法技巧總結(jié)》、《JavaScript錯誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript數(shù)學(xué)運算用法總結(jié)

希望本文所述對大家JavaScript程序設(shè)計有所幫助。

相關(guān)文章

  • 原生js實現(xiàn)3D輪播圖

    原生js實現(xiàn)3D輪播圖

    這篇文章主要為大家詳細介紹了原生js實現(xiàn)3D輪播圖,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2019-09-09
  • Bootstrap fileinput 上傳新文件移除時觸發(fā)服務(wù)器同步刪除的配置

    Bootstrap fileinput 上傳新文件移除時觸發(fā)服務(wù)器同步刪除的配置

    這篇文章主要介紹了Bootstrap fileinput 上傳新文件移除時觸發(fā)服務(wù)器同步刪除的配置 ,需要的朋友可以參考下
    2018-10-10
  • js重寫方法的簡單實現(xiàn)

    js重寫方法的簡單實現(xiàn)

    下面小編就為大家?guī)硪黄猨s重寫方法的簡單實現(xiàn)。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2016-07-07
  • js實現(xiàn)右鍵菜單欄功能

    js實現(xiàn)右鍵菜單欄功能

    這篇文章主要為大家詳細介紹了js實現(xiàn)右鍵菜單欄功能,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2022-07-07
  • JavaScript數(shù)據(jù)結(jié)構(gòu)與算法之二叉樹添加/刪除節(jié)點操作示例

    JavaScript數(shù)據(jù)結(jié)構(gòu)與算法之二叉樹添加/刪除節(jié)點操作示例

    這篇文章主要介紹了JavaScript數(shù)據(jù)結(jié)構(gòu)與算法之二叉樹添加/刪除節(jié)點操作,涉及javascript二叉樹的定義、節(jié)點添加、刪除、遍歷等相關(guān)操作技巧,需要的朋友可以參考下
    2019-03-03
  • js操作table示例(個人心得)

    js操作table示例(個人心得)

    有一個表格,然后有4個輸入框,一個合并按鈕,輸入框是這樣的,從第幾行到第幾行,從第幾列到第幾列,然后點擊按鈕,合并
    2013-11-11
  • JavaScript函數(shù)中this指向問題詳解

    JavaScript函數(shù)中this指向問題詳解

    這篇文章主要給大家介紹了關(guān)于JavaScript函數(shù)中this指向問題的相關(guān)資料,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2021-05-05
  • 微信小程序?qū)崿F(xiàn)二維碼生成器

    微信小程序?qū)崿F(xiàn)二維碼生成器

    這篇文章主要為大家詳細介紹了如何通過微信小程序開發(fā)一個簡單的二維碼生成器,文中的示例代碼講解詳細,感興趣的小伙伴可以和小編一起學(xué)習(xí)一下
    2023-01-01
  • js 圖片懶加載的實現(xiàn)

    js 圖片懶加載的實現(xiàn)

    這篇文章主要介紹了js 圖片懶加載的實現(xiàn),幫助大家更好的優(yōu)化自身網(wǎng)頁,提高網(wǎng)頁響應(yīng)速度,感興趣的朋友可以了解下
    2020-10-10
  • 跨瀏覽器的設(shè)置innerHTML方法

    跨瀏覽器的設(shè)置innerHTML方法

    跨瀏覽器的設(shè)置innerHTML方法...
    2006-09-09

最新評論