javascript數(shù)組去重內(nèi)置方法怎么使用

本文小編為大家詳細(xì)介紹“javascript數(shù)組去重內(nèi)置方法怎么使用”，內(nèi)容詳細(xì)，步驟清晰，細(xì)節(jié)處理妥當(dāng)，希望這篇“javascript數(shù)組去重內(nèi)置方法怎么使用”文章能幫助大家解決疑惑，下面跟著小編的思路慢慢深入，一起來(lái)學(xué)習(xí)新知識(shí)吧。

讓客戶(hù)滿(mǎn)意是我們工作的目標(biāo)，不斷超越客戶(hù)的期望值來(lái)自于我們對(duì)這個(gè)行業(yè)的熱愛(ài)。我們立志把好的技術(shù)通過(guò)有效、簡(jiǎn)單的方式提供給客戶(hù)，將通過(guò)不懈努力成為客戶(hù)在信息化領(lǐng)域值得信任、有價(jià)值的長(zhǎng)期合作伙伴，公司提供的服務(wù)項(xiàng)目有：域名與空間、網(wǎng)站空間、營(yíng)銷(xiāo)軟件、網(wǎng)站建設(shè)、深圳網(wǎng)站維護(hù)、網(wǎng)站推廣。

JavaScript 數(shù)組去重內(nèi)置方法有三種：Set、indexOf 和 includes。

一、Set 方法
Set 是 ES6 中新增的一種數(shù)據(jù)結(jié)構(gòu)，它允許你存儲(chǔ)任意類(lèi)型的唯一值，即保證集合中的元素不重復(fù)。利用 Set 的特性，可以很方便地對(duì)數(shù)組進(jìn)行去重。

使用 Set 方法去重的具體步驟如下：

定義一個(gè)空的 Set 對(duì)象；
遍歷數(shù)組，將數(shù)組元素作為 Set 對(duì)象的值存入；
將 Set 對(duì)象轉(zhuǎn)為數(shù)組。

示例代碼如下：

const arr = [1, 2, 3, 3, 4, 4, 5];
const newArr = Array.from(new Set(arr));
console.log(newArr); // [1, 2, 3, 4, 5]

上述代碼中，Array.from 方法用于將 Set 對(duì)象轉(zhuǎn)為數(shù)組。運(yùn)行結(jié)果表明，數(shù)組 arr 中的重復(fù)元素已經(jīng)被去除。

二、indexOf 方法
indexOf 方法可以查詢(xún)數(shù)組中指定元素的位置，如果不存在，則返回 -1。利用這個(gè)方法，我們可以在遍歷數(shù)組時(shí)判斷元素是否存在，從而達(dá)到去重的目的。

使用 indexOf 方法去重的具體步驟如下：

定義一個(gè)空的數(shù)組；
遍歷原數(shù)組 arr，如果新數(shù)組 newArr 中不存在當(dāng)前元素，則將當(dāng)前元素添加到 newArr 中。

示例代碼如下：

const arr = [1, 2, 3, 3, 4, 4, 5];
const newArr = [];
for (let i = 0; i < arr.length; i++) {
if (newArr.indexOf(arr[i]) === -1) {

newArr.push(arr[i]);

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

上述代碼中，通過(guò)判斷元素在新數(shù)組中是否存在，達(dá)到了去重的目的。運(yùn)行結(jié)果和 Set 方法的結(jié)果相同。

三、includes 方法
includes 方法是 ES7 中新增的方法，它用于判斷數(shù)組是否包含指定元素。針對(duì)去重操作，我們可以在遍歷數(shù)組時(shí)判斷新數(shù)組中是否包含當(dāng)前元素，從而去除重復(fù)元素。

使用 includes 方法去重的具體步驟如下：

定義一個(gè)空的數(shù)組；
遍歷原數(shù)組 arr，如果新數(shù)組 newArr 中不包含當(dāng)前元素，則將當(dāng)前元素添加到 newArr 中。

示例代碼如下：

const arr = [1, 2, 3, 3, 4, 4, 5];
const newArr = [];
for (let i = 0; i < arr.length; i++) {
if (!newArr.includes(arr[i])) {

newArr.push(arr[i]);

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

和 indexOf 方法相比，includes 方法可以更加簡(jiǎn)潔地實(shí)現(xiàn)去重操作。運(yùn)行結(jié)果和前兩種方法的結(jié)果相同。

讀到這里，這篇“javascript數(shù)組去重內(nèi)置方法怎么使用”文章已經(jīng)介紹完畢，想要掌握這篇文章的知識(shí)點(diǎn)還需要大家自己動(dòng)手實(shí)踐使用過(guò)才能領(lǐng)會(huì)，如果想了解更多相關(guān)內(nèi)容的文章，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

網(wǎng)站名稱(chēng)：javascript數(shù)組去重內(nèi)置方法怎么使用
文章起源：http://muchs.cn/article18/jehcdp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供動(dòng)態(tài)網(wǎng)站、網(wǎng)頁(yè)設(shè)計(jì)公司、用戶(hù)體驗(yàn)、自適應(yīng)網(wǎng)站、搜索引擎優(yōu)化、企業(yè)建站

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容