一区二区三区中文国产亚洲_另类视频区第一页_日韩精品免费视频_女人免费视频_国产综合精品久久亚洲

千鋒教育-做有情懷、有良心、有品質(zhì)的職業(yè)教育機構(gòu)

手機站
千鋒教育

千鋒學(xué)習(xí)站 | 隨時隨地免費學(xué)

千鋒教育

掃一掃進入千鋒手機站

領(lǐng)取全套視頻
千鋒教育

關(guān)注千鋒學(xué)習(xí)站小程序
隨時隨地免費學(xué)習(xí)課程

當(dāng)前位置:首頁  >  技術(shù)干貨  > js數(shù)組中去除重復(fù)值的方法

js數(shù)組中去除重復(fù)值的方法

來源:千鋒教育
發(fā)布人:xqq
時間: 2023-08-08 17:32:54 1691487174

在JavaScript中,有多種方法可以從數(shù)組中去除重復(fù)值。下面我將介紹幾種常用的方法:

方法一:使用Set

使用Set是一種簡單且高效的方法來去除數(shù)組中的重復(fù)值。Set是ES6中引入的一種新的數(shù)據(jù)結(jié)構(gòu),它只會存儲唯一的值。

`javascript

const arr = [1, 2, 3, 3, 4, 4, 5];

const uniqueArr = [...new Set(arr)];

console.log(uniqueArr); // [1, 2, 3, 4, 5]

方法二:使用filter

使用filter方法可以通過遍歷數(shù)組并返回一個新的數(shù)組,只包含滿足特定條件的元素。我們可以利用filter方法來篩選出只出現(xiàn)一次的元素。

`javascript

const arr = [1, 2, 3, 3, 4, 4, 5];

const uniqueArr = arr.filter((value, index, self) => {

return self.indexOf(value) === index;

});

console.log(uniqueArr); // [1, 2, 3, 4, 5]

方法三:使用reduce

使用reduce方法可以將數(shù)組中的每個元素逐個處理,并將結(jié)果累積到一個新的數(shù)組中。我們可以利用reduce方法來判斷元素是否已經(jīng)存在于新數(shù)組中,如果不存在則添加進去。

`javascript

const arr = [1, 2, 3, 3, 4, 4, 5];

const uniqueArr = arr.reduce((prev, curr) => {

if (!prev.includes(curr)) {

prev.push(curr);

}

return prev;

}, []);

console.log(uniqueArr); // [1, 2, 3, 4, 5]

方法四:使用Map

使用Map是一種類似于Set的數(shù)據(jù)結(jié)構(gòu),它可以存儲鍵值對,并且鍵是唯一的。我們可以利用Map來去除數(shù)組中的重復(fù)值。

`javascript

const arr = [1, 2, 3, 3, 4, 4, 5];

const uniqueArr = Array.from(new Map(arr.map((value) => [value, value])).values());

console.log(uniqueArr); // [1, 2, 3, 4, 5]

以上是幾種常用的方法來去除JavaScript數(shù)組中的重復(fù)值。根據(jù)實際情況選擇適合的方法,可以提高代碼的效率和可讀性。希望對你有幫助!

千鋒教育擁有多年IT培訓(xùn)服務(wù)經(jīng)驗,開設(shè)Java培訓(xùn)、web前端培訓(xùn)、大數(shù)據(jù)培訓(xùn)python培訓(xùn)、軟件測試培訓(xùn)等課程,采用全程面授高品質(zhì)、高體驗教學(xué)模式,擁有國內(nèi)一體化教學(xué)管理及學(xué)員服務(wù),想獲取更多IT技術(shù)干貨請關(guān)注千鋒教育IT培訓(xùn)機構(gòu)官網(wǎng)。

tags: js
聲明:本站稿件版權(quán)均屬千鋒教育所有,未經(jīng)許可不得擅自轉(zhuǎn)載。
10年以上業(yè)內(nèi)強師集結(jié),手把手帶你蛻變精英
請您保持通訊暢通,專屬學(xué)習(xí)老師24小時內(nèi)將與您1V1溝通
免費領(lǐng)取
今日已有369人領(lǐng)取成功
劉同學(xué) 138****2860 剛剛成功領(lǐng)取
王同學(xué) 131****2015 剛剛成功領(lǐng)取
張同學(xué) 133****4652 剛剛成功領(lǐng)取
李同學(xué) 135****8607 剛剛成功領(lǐng)取
楊同學(xué) 132****5667 剛剛成功領(lǐng)取
岳同學(xué) 134****6652 剛剛成功領(lǐng)取
梁同學(xué) 157****2950 剛剛成功領(lǐng)取
劉同學(xué) 189****1015 剛剛成功領(lǐng)取
張同學(xué) 155****4678 剛剛成功領(lǐng)取
鄒同學(xué) 139****2907 剛剛成功領(lǐng)取
董同學(xué) 138****2867 剛剛成功領(lǐng)取
周同學(xué) 136****3602 剛剛成功領(lǐng)取
相關(guān)推薦HOT