溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

js怎么刪除數(shù)組重復(fù)項

發(fā)布時間:2021-08-12 09:56:42 來源:億速云 閱讀:322 作者:chen 欄目:web開發(fā)

本篇內(nèi)容主要講解“js怎么刪除數(shù)組重復(fù)項”,感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷,實用性強(qiáng)。下面就讓小編來帶大家學(xué)習(xí)“js怎么刪除數(shù)組重復(fù)項”吧!

下面我將給大家分享兩種js刪除數(shù)組中重復(fù)項的實現(xiàn)方法,各位可以參考參考:

第一種方法:

代碼如下:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<script>
    function removeDuplicates(num) {
        var x,
            len=num.length,
            out=[],
            obj={};

        for (x=0; x<len; x++) {
            obj[num[x]]=0;
        }
        for (x in obj) {
            out.push(x);
        }
        return out;
    }
    var Mynum = [1, 2, 2, 4, 5, 4, 7, 8, 7, 3, 6];
    result = removeDuplicates(Mynum);
    console.log(Mynum);
    console.log(result);
</script>
</body>
</html>

結(jié)果如下圖:

js怎么刪除數(shù)組重復(fù)項

注:push()方法可向數(shù)組的末尾添加一個或多個元素,并返回新的長度;新元素將添加在數(shù)組的末尾;此方法改變數(shù)組的長度;在數(shù)組起始位置添加元素請使用 unshift() 方法。

第二種方法:

代碼如下:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<script>
    //從JavaScript數(shù)組中刪除重復(fù)項
 const nums = [1, 2, 2, 3, 1, 2, 4, 5, 4, 2, 6];
    console.log([...new Set(nums)])
</script>
</body>
</html>

結(jié)果如下:

js怎么刪除數(shù)組重復(fù)項

注:在 JavaScript 中從數(shù)組中刪除重復(fù)項可以通過多種方式完成,例如使用 Array.prototype.reduce()、Array.prototype.filter() 甚至簡單的 for 循環(huán);但是有一個更簡單的選擇,JavaScript 的內(nèi)置 Set 對象被描述為一組值,其中每個值只能出現(xiàn)一次。Set 對象也是可迭代的,因此可以使用擴(kuò)展 (...) 運算符輕松地將其轉(zhuǎn)換為數(shù)組。

到此,相信大家對“js怎么刪除數(shù)組重復(fù)項”有了更深的了解,不妨來實際操作一番吧!這里是億速云網(wǎng)站,更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢,關(guān)注我們,繼續(xù)學(xué)習(xí)!

向AI問一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。

js
AI