JavaScript 數(shù)組去重詳解
更新時間:2021年09月14日 16:20:51 作者:麒麟社
下面小編就為大家?guī)硪黄狫avaScript數(shù)組去重的幾方法推薦。小編覺得聽錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看
1.數(shù)組去重
/********************************************** ╚description: ╚作者: 麒麟社 ╚時間: 2021-09-13 22:26:21 ╚名稱: V1.0.5 ***********************************************/ var obj = ['麒麟','社','CC','DD','麒麟','社','11',11] //定義一個新的數(shù)組 var s = []; //遍歷數(shù)組 for(var i=0;i<obj.length;i++){ if(s.indexOf(obj[i]) == -1){ //判斷在s數(shù)組中是否存在,不存在則push到s數(shù)組中 s.push(obj[i]); } } console.log(s);
2.數(shù)組去重里面的對象去重
/********************************************** ╚description: ╚作者: 麒麟社 ╚時間: 2021-09-13 22:26:21 ╚名稱: V1.0.5 ***********************************************/ var old_data = [ { name:'ccc', age:'18' }, { name:'peng', age:'18' }, //去除peng重復(fù) { name:'aaa', age:'18' }, { name:'peng', age:'18' }, ] // 方法1:利用對象訪問屬性的方法,判斷對象中是否存在key var result = []; var obj = {}; old_data.forEach(function (data) { if(!obj[data.name]){ result.push(data); obj[data.name] = true; } }) console.log(result);
3.根據(jù)數(shù)組某個字段相同,修改另外字段值
/********************************************** ╚description: ╚作者: 麒麟社 ╚時間: 2021-09-13 22:26:21 ╚名稱: V1.0.5 ***********************************************/ var oldData = [ { name:'cccc', age:'5656' }, { name:'cccc', age:'22dddsada' }, { name:'cccc', age:'22dddsada' }, { name:'aaaa', age:'32' }, { name:'aaaa', age:'2dasdasdas2' }, ] var newArr = []; for (var i = 0; i <oldData.length; i++) { var item = oldData[i]; var isExists = false; for (var j = 0; j < newArr.length; j++) { var item2 = newArr[j]; if (item2.name == item.name) { isExists = true; break; } } if (isExists) { // 這里找到相同的,更改一樣的 if(item.name == 'cccc'){ item.age = '222222' item2.age = '222222' }else{ item.age = '3333' item2.age = '3333' } newArr.push(item2); continue; } newArr.push(item); } console.log(newArr)
總結(jié)
本篇文章就到這里了,希望能夠給你帶來幫助,也希望您能夠多多關(guān)注腳本之家的更多內(nèi)容!
相關(guān)文章
JavaScript中顏色模型的基礎(chǔ)知識與應(yīng)用詳解
顏色模型,是用來表示顏色的數(shù)學(xué)模型。比如最常見的?RGB模型,使用?紅綠藍?三色來表示顏色。本文就來和大家講講JavaScript中顏色模型的基礎(chǔ)知識與應(yīng)用吧2023-02-02JavaScript新功能介紹之findLast()和findLastIndex()
最近工作中遇到了一個關(guān)于查找數(shù)組里面的目標元素的方法,所以下面這篇文章主要給大家介紹了關(guān)于JavaScript新功能之findLast()?和findLastIndex()的相關(guān)資料,文中通過示例代碼介紹的非常詳細,需要的朋友可以參考下2022-04-04前端實現(xiàn)Excel文件導(dǎo)出功能的完整代碼解析(vue實現(xiàn)excel文件導(dǎo)出)
在Vue中實現(xiàn)導(dǎo)出Excel文件有多種方式,可以通過前端實現(xiàn),也可以通過前后端配合實現(xiàn),下面這篇文章主要給大家介紹了關(guān)于前端實現(xiàn)Excel文件導(dǎo)出功能(vue實現(xiàn)excel文件導(dǎo)出)的相關(guān)資料,需要的朋友可以參考下2024-05-05JavaScript中const、var和let區(qū)別淺析
在JavaScript中有三種聲明變量的方式:var、let、const。但是有朋友不清楚這三種聲明變量的區(qū)別,下面腳本之家小編給大家詳細介紹下js中const、var和let的區(qū)別,感興趣的朋友一起看看吧2016-10-10