資訊專欄INFORMATION COLUMN
摘要：簡(jiǎn)單數(shù)組去重實(shí)例根據(jù)去重，的好處就是返回的是首次出現(xiàn)的位置，這樣后面即使出現(xiàn)的值一樣，也只能返回第一次出現(xiàn)的索引，當(dāng)然這個(gè)只適用于簡(jiǎn)單的數(shù)組對(duì)象數(shù)組去重名稱名稱名稱名稱名稱結(jié)果為名稱名稱名稱還可以用來處理，如下名稱名稱名稱名稱名稱結(jié)果為名稱
簡(jiǎn)單數(shù)組去重：
{
const a = [1, 3, 4, 1, 5, 2, 6, 7, 8, 3]
const b = a.filter((item, index, self) => self.indexOf(item) === index)
console.log(b) //[1, 3, 4, 5, 2, 6, 7, 8]
}
實(shí)例1根據(jù)indexOf去重，indexOf的好處就是返回的是首次出現(xiàn)的位置，這樣后面即使出現(xiàn)的值一樣，也只能返回第一次出現(xiàn)的索引，當(dāng)然這個(gè)只適用于簡(jiǎn)單的數(shù)組
對(duì)象數(shù)組去重：
const objArr = [{
name: "名稱1"
},{
name: "名稱2"
},{
name: "名稱3"
},{
name: "名稱1"
},{
name: "名稱2"
}]
const obj = {}
const newObjArr = []
for(let i = 0; i < objArr.length; i++){
if(!obj[objArr[i].name]){
newObjArr.push(objArr[i]);
obj[objArr[i].name] = true
}
}
console.log(newObjArr)
結(jié)果為:
[{
name: "名稱1"
},{
name: "名稱2"
},{
name: "名稱3"
}]
還可以用reduce來處理，如下：
const objArr = [{
name: "名稱1"
},{
name: "名稱2"
},{
name: "名稱3"
},{
name: "名稱1"
},{
name: "名稱2"
}]
const obj = {}
const newObjArr = objArr.reduce((prev, curr)=>{
obj[curr.name] ? true : obj[curr.name] = true && prev.push(curr);
return prev
}, [])
console.log(newObjArr)
結(jié)果為:
[{
name: "名稱1"
},{
name: "名稱2"
},{
name: "名稱3"
}]
兩個(gè)數(shù)組之間去重：
var arr3 = [{
id: 1,
name: "lily"
}, {
id: 2,
name: "hz"
}, {
id: 3,
name: "123"
}, {
id: 4,
name: "321"
}, {
id: 5,
name: "aa"
}]
var other = [{
id: 1,
name: "lily"
}, {
id: 2,
name: "hz"
}]
isOther = (x, arr) =>{
for(var i = 0;i!isOther(item.id, other)));
結(jié)果為：
[{
id: 3,
name: "123"
}, {
id: 4,
name: "321"
}, {
id: 5,
name: "aa"
}]
上面例子中，在數(shù)組arr3去除掉跟數(shù)組isOther中相同的元素，把不存在在isOther數(shù)組中的元素篩選出來
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/101147.html
摘要：數(shù)組去重，一般會(huì)在面試的時(shí)候才會(huì)碰到，要求手寫數(shù)組去重方法的代碼。在實(shí)際項(xiàng)目中碰到的數(shù)組去重，一般都是后臺(tái)去處理，很少讓前端處理數(shù)組去重。數(shù)組去重的方法一利用去重中最常用如果不考慮兼容性，這種去重的方法代碼最少。 數(shù)組去重，一般會(huì)在面試的時(shí)候才會(huì)碰到，要求手寫數(shù)組去重方法的代碼。如果是被提問到，數(shù)組去重的方法有哪些？你能答出其中的10種，面試官很有可能對(duì)你刮目相看。 在實(shí)際項(xiàng)目中碰到的...
摘要：數(shù)組去重看了網(wǎng)上很多數(shù)組去重方法，用的比較常見的大概就幾種，今天想自己來做一個(gè)總結(jié)。還有就是方法返回的數(shù)組也是排序后的數(shù)組，某些情況下可能不符合要求。 JS數(shù)組去重 看了網(wǎng)上很多數(shù)組去重方法，用的比較常見的大概就幾種，今天想自己來做一個(gè)總結(jié)。部分內(nèi)容參考該博客 1 . 在原數(shù)組上操作（基本方法） 思路：利用循環(huán)嵌套，判斷數(shù)組中每個(gè)元素與其后面的元素是否相等，如果相等，就使用spli...
摘要：基本操作數(shù)組去重寫在前面數(shù)組去重經(jīng)常出現(xiàn)在前端招聘的筆試題里，比如有數(shù)組，請(qǐng)用實(shí)現(xiàn)去重函數(shù)，使得返回作為筆試題，考點(diǎn)有二正確。基本介紹文章主要是對(duì)數(shù)組去重的常用方法進(jìn)行介紹。 js基本操作-數(shù)組去重 寫在前面 JavaScript 數(shù)組去重經(jīng)常出現(xiàn)在前端招聘的筆試題里，比如： 有數(shù)組 var arr = [a, b, c, 1, 0, c, 1, , 1, 0]，請(qǐng)用 JavaScr...
摘要：基本操作數(shù)組去重?cái)?shù)組去重的方法臨時(shí)數(shù)組保存其實(shí)這里面還沒考慮到數(shù)組里面嵌套數(shù)組對(duì)象的情況把去重后的結(jié)果放在一個(gè)臨時(shí)數(shù)組中對(duì)原來數(shù)組的元素與臨時(shí)數(shù)組元素比較臨時(shí)數(shù)組中不存在這個(gè)元素的放入臨時(shí)數(shù)組。 js基本操作-數(shù)組去重 數(shù)組去重的方法 1. 臨時(shí)數(shù)組保存(其實(shí)這里面還沒考慮到數(shù)組里面嵌套數(shù)組/對(duì)象的情況) 把去重后的結(jié)果放在一個(gè)臨時(shí)數(shù)組中, 對(duì)原來數(shù)組的元素與臨時(shí)數(shù)組元素比較, 臨時(shí)...
摘要：注方法可以返回某個(gè)指定字符串在字符串中首次出現(xiàn)的位置比如首次出現(xiàn)的位置是數(shù)組中的第一個(gè)，即下標(biāo)為遍歷數(shù)組使用標(biāo)識(shí)符去重聲明一個(gè)變量標(biāo)識(shí)排序后遍歷過濾數(shù)組思路先給數(shù)組排序，這樣相同的項(xiàng)總是相鄰。 假設(shè)我們有數(shù)組arr，并且聲明新數(shù)組hash用來存放去重后的元素： var arr = [23,44,5,2,23,5,1,7,8,7]; //包含重復(fù)元素 var hash= [];...
閱讀 2423·2021-08-18 10:21
閱讀 2531·2019-08-30 13:45
閱讀 2161·2019-08-30 13:16
閱讀 2126·2019-08-30 12:52
閱讀 1372·2019-08-30 11:20
閱讀 2632·2019-08-29 13:47
閱讀 1630·2019-08-29 11:22
閱讀 2769·2019-08-26 12:11
