麻豆黑色丝袜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
主站蜘蛛池模板: 白白色免费在线视频| 欧美综合自拍亚洲综合图片区| 一个人看的hd免费视频| а√天堂地址在线| 久久精品无码一区二区三区| 国产精品播放| 再深点灬舒服灬太大爽| 中文字幕第一页亚洲| 动漫美女被爆羞羞免费| 成人免费福利电影| 99久久精品国产综合一区| 日本肉文| 国产剧情中文字幕| 真实乱l仑全部视频| 最近更新2019中文字幕8| 欧美ol丝袜高跟秘书在线播放| 免费三级黄| 亚洲动漫在线| 狠狠色综合色综合网络| 啊好深好硬快点用力视频 | 日韩精品一区二区三区在线观看l 日韩精品无码一区二区三区 | 日本一道本| 国产三级在线观看完整版| 欧美乱人妖大交xxxx| 调教视频h| 国产精品99| 亚洲国产精品va在线观看麻豆| 久久天天躁狠狠躁夜夜2020一| 经典三级四虎在线观看| 妞干网免费视频| 玩山村女娃的小屁股| 色噜噜狠狠色综合日日| 欧美边吃奶边爱边做视频| 日韩欧美一及在线播放| 欧美最猛性xxxxx69交| 中国一级黄色| 免费一级片网站| 三上悠亚亚洲一区高清| 成人永久免费高清| 羞羞漫画喷水漫画yy视| 两个小姨子在线播放|