【前端芝士樹】如何完成數(shù)組的去重 Array Unique？

doodlewind 發(fā)布于2019-08-23 13:01 / 3093人閱讀

摘要：前端芝士樹如何完成數(shù)組的去重輸入推薦方法其他方法利用實(shí)現(xiàn)數(shù)據(jù)的去重

【前端芝士樹】如何完成數(shù)組的去重 Array Unique？ 輸入

const users = [{
  id: 1, name: "a"
}, {
  id: 2, name: "a"
}, {
  id: 3, name: "b"
}, {
  id: 4, name: "v"
}];

推薦方法

Array.prototype.unique = function () {
  let arr = this.map((item) => {return item.name });
  return Array.from(new Set(arr));};

其他方法 1. 利用obj實(shí)現(xiàn)數(shù)據(jù)的去重

Array.prototype.unique2 = function () {
  let obj = {};
  let arr = [];
  this.forEach((item) => {
    if(!obj[item.name]){
      obj[item.name] = true;
    }
  });
  for(let key in obj){
    arr.push(key);
  }
  return arr;
};

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/99163.html

相關(guān)文章

【前端芝士樹】如何完成數(shù)組的扁平化 Array flattern？

摘要：前端芝士樹如何完成數(shù)組的扁平化問題描述輸入一個(gè)嵌套型數(shù)組輸出扁平化后的數(shù)組如果只是兩層的數(shù)據(jù)如果是多層嵌套的數(shù)組【前端芝士樹】如何完成數(shù)組的扁平化 Array flattern？問題描述輸入：一個(gè)嵌套型數(shù)組輸出：扁平化后的數(shù)組 let array = [1, [2, 3, 4]]; let arrayDeeper = [1, [2, [3, 4]]]; 如果只是兩層的數(shù)據(jù) fun...

2shou 2019-08-23 12:57 評(píng)論0 收藏0
構(gòu)建二叉樹進(jìn)行數(shù)值數(shù)組的去重及優(yōu)化

摘要：構(gòu)建二叉樹進(jìn)行數(shù)值數(shù)組的去重及優(yōu)化常見兩層循環(huán)實(shí)現(xiàn)數(shù)組去重構(gòu)建二叉樹實(shí)現(xiàn)去重僅適用于數(shù)值類型的數(shù)組將先前遍歷過的元素，構(gòu)建成二叉樹，樹中每個(gè)結(jié)點(diǎn)都滿足左子結(jié)點(diǎn)的值當(dāng)前結(jié)點(diǎn)的值右子結(jié)點(diǎn)的值這樣優(yōu)化了判斷元素是否之前出現(xiàn)過的過程若元素比當(dāng)前結(jié)點(diǎn) 構(gòu)建二叉樹進(jìn)行數(shù)值數(shù)組的去重及優(yōu)化常見兩層循環(huán)實(shí)現(xiàn)數(shù)組去重 let arr = [11, 12, 13, 9, 8, 7, 0, 1, 2, 2...

sarva 2019-08-26 11:45 評(píng)論0 收藏0
JavaScript專題之數(shù)組去重

摘要：專題系列第三篇，講解各種數(shù)組去重方法，并且跟著寫一個(gè)前言數(shù)組去重方法老生常談，既然是常談，我也來談?wù)?。它類似于?shù)組，但是成員的值都是唯一的，沒有重復(fù)的值。 JavaScript 專題系列第三篇，講解各種數(shù)組去重方法，并且跟著 underscore 寫一個(gè) unique API 前言數(shù)組去重方法老生常談，既然是常談，我也來談?wù)劇?雙層循環(huán) 也許我們首先想到的是使用 indexOf 來循...

fsmStudy 2019-08-21 15:55 評(píng)論0 收藏0
溫故js系列（7）-數(shù)組去重由慢到快由繁到簡

摘要：前端學(xué)習(xí)教程開發(fā)模塊化規(guī)范化工程化優(yōu)化工具調(diào)試值得關(guān)注的博客面試前端資源匯總歡迎提斧正數(shù)組去重?cái)?shù)組去重由慢到快由繁到簡演化去重寫法，箭頭函數(shù)為新寫法。在去重過程中，原數(shù)組都是不變的。它類似于數(shù)組，但是成員的值都是唯一的，沒有重復(fù)的值。前端學(xué)習(xí)：教程&開發(fā)模塊化/規(guī)范化/工程化/優(yōu)化&工具/調(diào)試&值得關(guān)注的博客/Git&面試-前端資源匯總歡迎提issues斧正：數(shù)組去重 JavaSc...

mgckid 2019-08-21 14:19 評(píng)論0 收藏0
javascript數(shù)組去重

摘要：數(shù)組去重雙層循環(huán)使用雙層嵌套循環(huán)是最原始的方法用來存儲(chǔ)結(jié)果如果是唯一的，那么執(zhí)行完循環(huán)，等于外層循環(huán)內(nèi)層循環(huán)當(dāng)和相等時(shí)，跳出循環(huán)。否則說明元素唯一，這時(shí)成立，將此元素添加到中。它類似于數(shù)組，但是成員的值都是唯一的，沒有重復(fù)的值。 JavaScript數(shù)組去重雙層循環(huán) 使用雙層嵌套循環(huán)是最原始的方法： var array = [a,b,a]; function unique(arra...

qylost 2019-08-26 11:51 評(píng)論0 收藏0