麻豆黑色丝袜jk制服福利网站-麻豆精品传媒视频观看-麻豆精品传媒一二三区在线视频-麻豆精选传媒4区2021-在线视频99-在线视频a

千鋒教育-做有情懷、有良心、有品質的職業教育機構

手機站
千鋒教育

千鋒學習站 | 隨時隨地免費學

千鋒教育

掃一掃進入千鋒手機站

領取全套視頻
千鋒教育

關注千鋒學習站小程序
隨時隨地免費學習課程

當前位置:首頁  >  技術干貨  > javascript數組去重的方法介紹

javascript數組去重的方法介紹

來源:千鋒教育
發布人:lcy
時間: 2023-06-30 16:37:00 1688114220

  在 JavaScript 中,有幾種常見的方法可以對數組進行去重操作。下面介紹其中幾種常用的方法:

javascript數組去重的方法

  1. 使用 Set

  Set 是 ES6 引入的一種數據結構,它可以存儲唯一的值,利用這個特性可以輕松實現數組去重。通過將數組轉換為 Set,然后再將 Set 轉換回數組,就可以去除重復的元素。

const arr = [1, 2, 3, 3, 4, 4, 5];

  const uniqueArr = Array.from(new Set(arr));

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

    或者使用擴展運算符(Spread Operator)進行轉換: 

const arr = [1, 2, 3, 3, 4, 4, 5];

  const uniqueArr = [...new Set(arr)];

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

 

    2. 使用 indexOf 或 includes

  這種方法通過遍歷數組,利用 indexOf 或 includes 方法來判斷元素是否已經存在于新數組中,如果不存在則添加到新數組中。

 const arr = [1, 2, 3, 3, 4, 4, 5];

  const uniqueArr = [];

  for (let i = 0; i < arr.length; i++) {

  if (uniqueArr.indexOf(arr[i]) === -1) {

  uniqueArr.push(arr[i]);

  }

  }

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

   3. 使用 filter

  使用 filter 方法結合 indexOf 或 includes 方法來過濾出不重復的元素,形成新數組。 

 const arr = [1, 2, 3, 3, 4, 4, 5];

  const uniqueArr = arr.filter((item, index) => {

  return arr.indexOf(item) === index;

  });

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

   4. 使用 reduce

  使用 reduce 方法,遍歷數組,將不重復的元素添加到新數組中。

 

const arr = [1, 2, 3, 3, 4, 4, 5];

  const uniqueArr = arr.reduce((prev, curr) => {

  if (!prev.includes(curr)) {

  prev.push(curr);

  }

  return prev;

  }, []);

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

  這些方法都可以實現數組去重的功能,選擇使用哪種方法取決于個人偏好和具體的需求。

tags:   
聲明:本站稿件版權均屬千鋒教育所有,未經許可不得擅自轉載。
10年以上業內強師集結,手把手帶你蛻變精英
請您保持通訊暢通,專屬學習老師24小時內將與您1V1溝通
免費領取
今日已有369人領取成功
劉同學 138****2860 剛剛成功領取
王同學 131****2015 剛剛成功領取
張同學 133****4652 剛剛成功領取
李同學 135****8607 剛剛成功領取
楊同學 132****5667 剛剛成功領取
岳同學 134****6652 剛剛成功領取
梁同學 157****2950 剛剛成功領取
劉同學 189****1015 剛剛成功領取
張同學 155****4678 剛剛成功領取
鄒同學 139****2907 剛剛成功領取
董同學 138****2867 剛剛成功領取
周同學 136****3602 剛剛成功領取
相關推薦HOT
主站蜘蛛池模板: 国模视频一区二区| 久久精品青草社区| 91热视频在线观看| 美女裸体a级毛片| 男女做爽爽免费视频| 99久久精品免费精品国产| 久久综合久久综合九色| 久久久久夜夜夜精品国产| 人人爽在线| 爱我久久国产精品| 女人张开腿让男人桶免费网站| www.米奇777.com| 最近中文字幕2019国语7| 欧美猛交xxxx免费看| 国产欧美91| 亚洲va久久久噜噜噜久久天堂 | 花传媒季app| 香蕉视频毛片| 成人性生交大片免费看 | 欧美日韩在线视频专区免费| 日韩视频一区| 在公车上被一个接一个| 国产综合久久久久| 北条麻妃大战黑人| 好爽~好大~不要| 看一级毛片| 免费观看国产| 欧美成年黄网站色视频| 国产无套在线观看视频| 亚洲综合色视频在线观看| 成人3d黄动漫无尽视频网站| 国产剧果冻传媒星空在线播放| 亚洲国产另类久久久精品小说| 日日夜夜天天操| 亚洲国产精品久久久天堂| 久久99国产一区二区三区| 在线观看国产三级| 天天av天天翘天天综合网| 韩国男女无遮挡高清性视频| 久久精品免费一区二区三区| 日韩不卡在线播放|