2. 程式人生 > >js 數組去重方法匯總

js 數組去重方法匯總

阿新 • • 發佈：2018-08-22
ue4 ctype -c ons pan oct title soft edge 

<!DOCTYPE html>
<html lang="zh">

    <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <meta http-equiv="X-UA-Compatible" content="ie=edge" />
        <title>js 數組去重</title
 
>
    </head>
    <body>

        <script src="https://cdn.bootcss.com/lodash.js/4.17.10/lodash.min.js"></script>
        <script type="text/javascript">
            //方法一
            function arrayUnique1(arr) {
                const ret = []
                for(let i 
 
= 0; i < arr.length; i++) {
                    const item = arr[i],
                        idx = ret.indexOf(item)

                    if(idx < 0) {
                        ret.push(item)
                    }
                }
                return ret
            }
            //方法二
 

            function arrayUnique2(arr) {
                const map = {},
                    ret = []
                for(let i = 0; i < arr.length; i++) {
                    const item = arr[i]
                    if(map[item] == null) {
                        map[item] = i
                        ret.push(item)
                    }
                }
                return ret
            }
            //方法三：
            function arrayUnique3(arr) {
                return arr.filter((item, i) => arr.indexOf(item) === i)
            }
            //方法四
            function arrayUnique4(arr) {
                return [...new Set(arr)]
            }
            const arr = [1, 3, 1, 2, 2, 4, 3, 4, 1]
            console.log(arrayUnique4(arr))
        </script>
    </body>

</html>

js 數組去重方法匯總

相關推薦

js 數組去重方法匯總

ue4 ctype -c ons pan oct title soft edge <!DOCTYPE html> <html lang="zh"> <head> <meta charset="U

js數組去重方法集合

位置 沒有 元素 ++ console () 循環 -- mem //第一種方法，新建一個空數組，將原來的數組循環逐個與新數組的成員做比較，如果新數組沒有該元素就push進來 var arr = [‘a‘, 1, 1, 1, 2, 4, 4, ‘b‘, ‘c‘, ‘a‘]

js 數組清空 方法 匯總

body bsp size ava oct round pan span 清空 <!DOCTYPE html> <html> <head> <meta charset="utf-8" />

js數組去重的兩種方法

遍歷 方法 doc 思路 i++ 代碼 數組去重 -- length 數組去重這種問題經常會遇到，解決方法也有很多，這裏就總結兩種比較常用的方法。 方法一 第一種方法的思路：遍歷數組裏的元素，由第一個元素開始依次按照順序與其後面的元素相比較，如果不同則不

JS 數組去重的四種方法

new return obj 元素 數組去重 != lis 相同 break 1、通過遍歷原數組和新數組是否重復。new一個新數組存放已經遍歷過的、唯一的元素。 function uniqueArr(list){ 　　var newArr= [list[0]]; 　　for

js數組去重的幾種方法

判斷 var 毫無 不同的 就是 length 內存 i++ 支持 1.遍歷數組法 最簡單的去重方法， 實現思路：新建一新數組，遍歷傳入數組，值不在新數組就加入該新數組中；註意點：判斷值是否在數組的方法“indexOf”是ECMAScript5 方法，IE8以下不支持，需多

js 數組去重的方法總結

index 直接 unique 都是 沈澱 spa clas 轉換 見證 想沈澱一下自己。代碼改變世界~~~ 1、利用Array.from代碼如下 1 var arr = [1,2,3,4,3,2,1] 2 function unique(arr)

JS實現數組去重方法總結(極速PC蛋蛋六種方法)

組元 urn 合並 ++i push oop tarray 開始 實現 方法一： 雙層循環，外層循環元素極速PC蛋蛋QQ2952777280【話仙源碼論壇】hxforum.com【木瓜源碼論壇】papayabbs.com，內層循環時比較值 如果有相同的值則跳過，不相同則pu

JS數組去重 ES6 方法

.so sort true index 數組排序 break [] rom array let arr = [0, 0, 0, 0, 1, 2, 3, 4, 4, 5, 2, 3, 3, 3, 9, 8, 9]; //數組去重法1 console.log(Array.f

20181005 js數組去重的三種方法

num 訪問 三種 uniq st2 不同 har 表示法 位置 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <tit

JS數組去重的三種方法

attr st3 num head 有一個 使用場景 apple html == <!DOCTYPE html> <html> <head> <meta charset="UTF-8">

js 數組去重的三種方法（unique）

arr 個數 func () 方法 表數 undefined 唯一性 當前 方法一： Array.prototype.unique=function(){ 　　var arr=[];//新建一個臨時數組 　　for(var i=0;i<this.length;i

JS數組去重

itl ret light index var head logs this lang <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <t

js 數組去重

content return i++ div spa index 設置 pan 跳過 1、前言 去重方法千千萬萬，你要哪一種 2、es系列方法 2.1、es6 Set()方法 介紹：ES6提供了新的數據結構Set。它類似於數組，但是成員的值都是唯一的，沒有重復的值。Set

js數組去重算法

var i++ script 代碼 共勉 真的 重復 等於 嵌套 　　來來來 ，整理完數組排序 ，咱們再來看看數組去重 。這個可以說有很多方式了 。之前看過的算法方式太多 ，導致思路其實有時候真的很受限，不過也是整理來學習用的 ，如有雷同 ，純屬巧合啊 ，小婊貝們~ 　　首

數組去重方法(ES6)

turn any 數組去重 -m mas type span spa .proto 1 let arrayBefore = [1,3,3,2,1,5,2,1]; //去重之前的數組 2 3 Array.prototype.dedupe　= function

js 數組去重常見的幾種方式

設置 con 是不是 去重 下標 return array quicksort spl 1.利用標記 var　arr = [2,6,2,6,4,3,16];// arr = [2,6,4,3,16] function norepeat(arr){ var res =

數組的定義方法匯總

回收 成了 不同 microsoft 程序 pan size 垃圾回收器 創建 數組 數組所謂數組，是無序的元素序列。若將有限個類型相同的變量的集合命名，那麽這個名稱為數組名。組成數組的各個變量稱為數組的分量，也稱為數組的元素，有時也稱為下標變量。用於區分數組的各

整理一波數組去重方法

=== uniq div 鍵值 clas 判斷 .com targe .org 關於數組去重，一直用的是循環，還有es6的set，查閱資料竟有如此多的去重方法，整理了如下。直接上幹貨 循環1 function unique(arr) { var newArr =

對象數組去重方法 親測沒問題

++ log for array true new obj tro console objkey(obj, keys){ //對象數組排序 var n = keys.length, key = [] while(n--){ key.pus