麻豆黑色丝袜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
主站蜘蛛池模板: 娇妻之欲海泛舟1一42| 伊人快播| 麻豆影片| 亚洲国产天堂久久综合| 成人午夜小视频| 星空无限传媒在线观看| www.99精品| 夫妇交换性2国语在线观看| 免费一级毛片在线播放不收费| 国产免费拔擦拔擦8x| 国产传媒一区二区三区呀| 黑人巨大战冲田杏梨| 成人深夜视频在线观看| 国产亚洲欧美日韩在线看片| 国产高清日韩| 奇米影视7777久久精品| 久久99久久99精品免观看| 亚洲精品无码不卡| 好吊妞视频988在线播放| 丰满的奶水边做边喷| 好男人社区www在线观看| 精品卡2卡3卡4卡免费| 欧美三级中文字幕在线观看| 中文字幕2020| 小镇姑娘hd电影在线观看| 2018中文字幕第一页| 又爽又黄又无遮挡的视频 | 三级黄色片在线观看| 三上悠亚电影在线观看| 久久久久免费精品国产| 久草资源福利站| 久久大香伊人中文字幕| 国产精自产拍久久久久久蜜| 国产一级做a爰片在线| 牛牛在线精品免费视频观看| 久久久99精品免费观看| 在线观看三级激情视频| 青青草原1769久久免费播放| 乱中年女人伦av三区| 国产深夜福利在线观看网站| 成人性生交大片免费看|