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-02
JavaScript新功能介紹之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-05
JavaScript中const、var和let區(qū)別淺析
在JavaScript中有三種聲明變量的方式:var、let、const。但是有朋友不清楚這三種聲明變量的區(qū)別,下面腳本之家小編給大家詳細介紹下js中const、var和let的區(qū)別,感興趣的朋友一起看看吧2016-10-10

