JS數(shù)組中對象去重操作示例
更新時間：2019年06月04日 11:34:16 作者：longzhoufeng
這篇文章主要介紹了JS數(shù)組中對象去重操作,涉及javascript數(shù)組對象遍歷、比較、運算等相關(guān)操作技巧,需要的朋友可以參考下
本文實例講述了JS數(shù)組中對象去重操作。分享給大家供大家參考，具體如下：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>www.dbjr.com.cn js數(shù)組中對象去重</title>
</head>
<body>
<script>
var tmp =
[
{
"id": 1,
"magicId": "111111111111111111",
"username": "longzhoufeng",
},
{
"id": 2,
"magicId": "333333333333333333",
"username": "longzhoufeng",
},
{
"id": 3,
"magicId": "555555555555555555",
"username": "longzhoufeng",
},
{
"id": 4,
"magicId": "666666666666666666",
"username": "longzhoufeng",
}
]
var result = [];
var full = {};
for(var i = 0; i < tmp.length; i++) {
var aaa = tmp[i].magicId;
var bbb = tmp[i].id;
if(!full[aaa]) {
if(!full[bbb]) {
var obj = {}
obj.id = tmp[i].id;
obj.magicId = tmp[i].magicId;
result.push(obj)
full[bbb] = true;
}
full[aaa] = true;
}
}
console.log(full)
console.log(result)
</script>
</body>
</html>
運行結(jié)果：
感興趣的朋友可以使用在線HTML/CSS/JavaScript代碼運行工具：http://tools.jb51.net/code/HtmlJsRun測試上述代碼運行效果。
PS：這里再為大家提供幾款相關(guān)工具供大家參考使用：
在線去除重復(fù)項工具：
http://tools.jb51.net/code/quchong
在線文本去重復(fù)工具：
http://tools.jb51.net/aideddesign/txt_quchong
更多關(guān)于JavaScript相關(guān)內(nèi)容還可查看本站專題：《JavaScript數(shù)組操作技巧總結(jié)》、《JavaScript字符與字符串操作技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》、《JavaScript查找算法技巧總結(jié)》、《JavaScript數(shù)學(xué)運算用法總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》及《JavaScript錯誤與調(diào)試技巧總結(jié)》
希望本文所述對大家JavaScript程序設(shè)計有所幫助。
相關(guān)文章
這篇文章主要為大家詳細介紹了JavaScript計算正方形面積，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-11-11
這篇文章主要介紹了Bootstrap3下拉菜單的實現(xiàn)方法，非常不錯，具有參考借鑒價值，需要的朋友參考下2017-02-02
效果直逼flash的Div+Css+Js菜單...2007-05-05
javascript對象的property和prototype是這樣一種關(guān)系
javascript對象的property和prototype是這樣一種關(guān)系...2007-03-03
這篇文章主要為大家詳細介紹了JavaScript編寫開發(fā)動態(tài)時鐘，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-07-07
這篇文章主要介紹了JavaScript的內(nèi)存釋放問題詳解的相關(guān)資料,需要的朋友可以參考下2015-01-01
本篇文章主要是對JS中類或?qū)ο蟮亩x進行了說明介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-03-03
javascript里面的"/"運算符跟C++里面的"/"運算符不一樣，后者自動取整，前者若非整除則會得到小數(shù)（比如說5/2=2.5）。2010-10-10
這篇文章主要介紹了關(guān)于js內(nèi)存泄露的一個好例子。需要的朋友可以過來參考下，希望對大家有所幫助2013-12-12
相信大家都知道數(shù)據(jù)可視化就是借助圖形化的手段把生硬的數(shù)據(jù)生動化，以此來展示出數(shù)據(jù)想要表達的信息，而圖表是最通常的一種數(shù)據(jù)可視化手段?？扇孔约杭兪謩泳帉懜鞣N圖表實在是讓人頭疼，各種計算各種煩?，F(xiàn)在就為大家介紹如何用D3.js來實現(xiàn)柱狀圖。2016-09-09