最新国产好看的视频,伊人天堂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常見(jiàn)實(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ù)組與原來(lái)數(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)容還可查看本站專(zhuān)題:《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)修改類(lèi)和函數(shù)的行為,本文將介紹五個(gè)讓你眼前一亮的裝飾器技巧,包括裝飾函數(shù)參數(shù)、裝飾類(lèi)屬性、裝飾函數(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圖片跨域問(wèn)題圖文詳解

    html2canvas圖片跨域問(wèn)題圖文詳解

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

    編寫(xiě)兼容IE和FireFox的腳本

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

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

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

    全面了解JavaScript的作用域鏈

    這是一個(gè)非常重要的知識(shí)點(diǎn)了,了解了JavaScript的作用域鏈的話,能幫助我們理解很多‘異?!瘑?wèn)題。文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(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?庫(kù),它提供了靈活的模糊搜索和文本匹配功能,使您能夠輕松實(shí)現(xiàn)出色的搜索體驗(yàn),文中代碼示例講解的非常詳細(xì),需要的朋友可以參考下
    2024-01-01
  • JS判斷字符串是否全為空的兩種方式

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

    當(dāng)我們需要判斷用戶(hù)輸入的是否全是空格,或用戶(hù)在不輸入內(nèi)容的情況下使用回車(chē)發(fā)送,此時(shí)我們?nèi)绻枨髢?nèi)容不能為空,常規(guī)判斷無(wú)法識(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)論

闽清县| 东台市| 太湖县| 探索| 扎赉特旗| 惠东县| 汨罗市| 遵义县| 永年县| 佛冈县| 民乐县| 玉环县| 驻马店市| 洛阳市| 花垣县| 轮台县| 庐江县| 永城市| 平和县| 鹤岗市| 云南省| 四会市| 灌南县| 宁城县| 金沙县| 霍山县| 吉隆县| 抚州市| 广宗县| 烟台市| 罗田县| 江津市| 泽州县| 金山区| 前郭尔| 平湖市| 西林县| 望奎县| 淄博市| 普兰县| 潞西市|