国产一区二区精品-国产一区二区精品久-国产一区二区精品久久-国产一区二区精品久久91-免费毛片播放-免费毛片基地

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

手機站
千鋒教育

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

千鋒教育

掃一掃進入千鋒手機站

領取全套視頻
千鋒教育

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

當前位置:首頁  >  技術干貨  > 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