最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

JavaScript數(shù)組去重實(shí)現(xiàn)方法小結(jié)

 更新時(shí)間:2020年01月17日 11:48:56   作者:林飛的夢(mèng)囈  
這篇文章主要介紹了JavaScript數(shù)組去重實(shí)現(xiàn)方法,結(jié)合實(shí)例形式總結(jié)分析了JavaScript數(shù)組去重ES3、ES5及ES6常見實(shí)現(xiàn)方法與操作注意事項(xiàng),需要的朋友可以參考下

本文實(shí)例講述了JavaScript數(shù)組去重實(shí)現(xiàn)方法。分享給大家供大家參考,具體如下:

一、ES3方法:

var arr = ['a', 'a', 'b', 'b', 'b', 'c', 'e', 'f', 1, 2, 2, 3, 3, 3];

創(chuàng)建一個(gè)空數(shù)組與原來數(shù)組進(jìn)行比較

//與前面的數(shù)組進(jìn)行比較(不會(huì)改變?cè)瓟?shù)組)
function deleteRepeat() {
  var result = [];
  label: for(var i=0; i<arr.length; i++) {
    for(var j=0; j<result.length; j++) {
      if(result[j] == arr[i]) {
        continue label;
      }
    }
    result.push(arr[i]);
  }
  return result;
} 
//與后面的進(jìn)行比較(不會(huì)改變?cè)瓟?shù)組)
function deleteRepeat() {
  var result = [];
  for(var i = 0; i < arr.length; i++) {
    for(var j = i+1; j < arr.length; j++) {
      if(arr[i] == arr[j]) {
        j = ++i;
      }
    }
    result.push(arr[i]);
  }
  return result;
}

// splice()方法 (會(huì)改變?cè)瓟?shù)組)
function deleteRepeat() {
  for(var i = 0; i < arr.length; i++) {
    for(var j = i+1; j < arr.length; j++) {
      if(arr[i] == arr[j]) {
        arr.splice(j, 1);
        j--;
      }
    }
  }
  return arr;
}

// 利用對(duì)象的屬性不能重復(fù)特點(diǎn)(不會(huì)改變?cè)瓟?shù)組)
function deleteRepeat() {
  var result = [];
  var object = {};
  for(var i = 0; i < arr.length; i++) {
    var t = arr[i];
    if(!object[t]) {
      result.push(t);
      object[t] = true;
    } 
  }
  return result;
}

// 先排序再去重(只需要進(jìn)行一次for循環(huán)、 會(huì)改變?cè)瓟?shù)組)
function deleteRepeat() {
  var arr1 = arr.sort();
  var result = [];
  for(var i = 0; i < arr1.length; i++) {
    if(arr1[i] != arr1[i+1]) {
      result.push(arr1[i]);
    }
  }
  return result;
}

二、ES5方法:

利用IndexOf()方法

map()方法或forEach()方法或filter()方法

三、ES6方法

var a = [1, 2, 2, 3, 3, 3];
[...new Set(a)];
[1, 2, 3]

感興趣的朋友可以使用在線HTML/CSS/JavaScript代碼運(yùn)行工具http://tools.jb51.net/code/HtmlJsRun測(cè)試上述代碼運(yùn)行效果。

PS:這里再為大家提供幾款相關(guān)工具供大家參考使用:

在線去除重復(fù)項(xiàng)工具:
http://tools.jb51.net/code/quchong

在線文本去重復(fù)工具:
http://tools.jb51.net/aideddesign/txt_quchong

更多關(guān)于JavaScript相關(guān)內(nèi)容還可查看本站專題:《JavaScript數(shù)組操作技巧總結(jié)》、《JavaScript字符與字符串操作技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》、《JavaScript查找算法技巧總結(jié)》、《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》及《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)

希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。

相關(guān)文章

  • 5個(gè)讓你眼前一亮的JavaScript裝飾器技巧

    5個(gè)讓你眼前一亮的JavaScript裝飾器技巧

    JavaScript?裝飾器是一種特殊的功能,允許在不修改源代碼的情況下動(dòng)態(tài)修改類和函數(shù)的行為,本文將介紹五個(gè)讓你眼前一亮的裝飾器技巧,包括裝飾函數(shù)參數(shù)、裝飾類屬性、裝飾函數(shù)返回值和裝飾函數(shù)調(diào)用,需要的朋友可以參考下
    2023-06-06
  • 用webAPI實(shí)現(xiàn)圖片放大鏡效果

    用webAPI實(shí)現(xiàn)圖片放大鏡效果

    這篇文章主要為大家詳細(xì)介紹了用webAPI實(shí)現(xiàn)圖片放大鏡效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2020-11-11
  • html2canvas圖片跨域問題圖文詳解

    html2canvas圖片跨域問題圖文詳解

    我們?cè)谶M(jìn)行圖片保存的時(shí)候經(jīng)常會(huì)發(fā)現(xiàn)圖片跨域了,下面下面這篇文章主要給大家介紹了關(guān)于html2canvas圖片跨域問題的相關(guān)資料,需要的朋友可以參考下
    2023-03-03
  • 編寫兼容IE和FireFox的腳本

    編寫兼容IE和FireFox的腳本

    編寫兼容IE和FireFox的腳本確定的件很煩人的事,今日又經(jīng)歷了一次。
    2009-05-05
  • javascript回車完美實(shí)現(xiàn)tab切換功能

    javascript回車完美實(shí)現(xiàn)tab切換功能

    這篇文章主要介紹了javascript通過回車實(shí)現(xiàn)tab切換功能,需要的朋友可以參考下
    2014-03-03
  • 全面了解JavaScript的作用域鏈

    全面了解JavaScript的作用域鏈

    這是一個(gè)非常重要的知識(shí)點(diǎn)了,了解了JavaScript的作用域鏈的話,能幫助我們理解很多‘異?!瘑栴}。文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2019-04-04
  • 使用Fuse.js實(shí)現(xiàn)高效的模糊搜索功能

    使用Fuse.js實(shí)現(xiàn)高效的模糊搜索功能

    在現(xiàn)代?Web?應(yīng)用程序中,實(shí)現(xiàn)高效的搜索功能是至關(guān)重要的,Fuse.js?是一個(gè)強(qiáng)大的?JavaScript?庫,它提供了靈活的模糊搜索和文本匹配功能,使您能夠輕松實(shí)現(xiàn)出色的搜索體驗(yàn),文中代碼示例講解的非常詳細(xì),需要的朋友可以參考下
    2024-01-01
  • JS判斷字符串是否全為空的兩種方式

    JS判斷字符串是否全為空的兩種方式

    當(dāng)我們需要判斷用戶輸入的是否全是空格,或用戶在不輸入內(nèi)容的情況下使用回車發(fā)送,此時(shí)我們?nèi)绻枨髢?nèi)容不能為空,常規(guī)判斷無法識(shí)別,空格本身也有l(wèi)ength,這個(gè)時(shí)候就可使用到下列兩種方式
    2023-10-10
  • webpack-dev-server搭建本地服務(wù)器的實(shí)現(xiàn)

    webpack-dev-server搭建本地服務(wù)器的實(shí)現(xiàn)

    當(dāng)我們使用webpack打包時(shí),發(fā)現(xiàn)每次更新了一點(diǎn)代碼,都需要重新打包,我們希望本地能搭建一個(gè)服務(wù)器,本文就介紹如何使用webpack-dev-server搭建本地服務(wù)器,感興趣的可以了解一下
    2021-07-07
  • JS Common 2 之比較常用到的函數(shù)

    JS Common 2 之比較常用到的函數(shù)

    JS Common 2 之比較常用到的函數(shù)...
    2007-03-03

最新評(píng)論

响水县| 宜兴市| 敦化市| 百色市| 神木县| 玉田县| 类乌齐县| 北票市| 富裕县| 香港 | 盘锦市| 泰顺县| 教育| 益阳市| 辽源市| 渝北区| 梨树县| 宣汉县| 隆林| 安仁县| 长治市| 铜鼓县| 兴化市| 竹溪县| 乌恰县| 阜平县| 西林县| 永寿县| 呼和浩特市| 新沂市| 南丰县| 罗山县| 南召县| 英德市| 恩平市| 佛冈县| 孟津县| 文登市| 常熟市| 江城| 永和县|