麻豆黑色丝袜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
主站蜘蛛池模板: 波多野结衣中文无毒不卡| 国产va在线播放| 87福利电影网| swag合集120部| 波多野结衣午夜| 亚洲免费网址| 一个人hd高清在线观看免费直播| 波多野结衣和乡下公在线观看| 2021日韩麻豆| maya玛雅□一亚洲电影| 正在播放julia女教师| 成年福利片120秒体验区| 亚洲剧场午夜在线观看| 一级二级三级黄色片| 国产在线一区二区杨幂| 草草影院最新发布地址| 成人国产一区二区三区| 日韩一级在线播放免费观看| 国产在线一区二区杨幂| 色丁香婷婷| 免费观看国产| 日产精品卡二卡三卡四卡乱码视频| 性生活大片免费观看| 偷窥自拍10p| 青青草国产精品欧美成人| 欧美一级www| 污网站免费| 国产乱视频| 放荡的女老板bd中文在线观看| 吃奶摸下激烈免费视频免费| 免费一区区三区四区| 欧美乱大交xxxxx另类| 午夜dj影院| 在线观看亚洲专区| 2020国产在线| 欧美色欧美亚洲高清在线观看| 男女做污污| 欧美日韩中文字幕在线| 国产精品无圣光一区二区| 奇米网奇米色| 好男人在线社区www我在线观看|