一区二区三区精品视频-一区二区三区国产美女在线播放-一区二区三区福利视频-一区二区三区福利-毛片大全免费看-毛片大片免费看

千鋒教育-做有情懷、有良心、有品質(zhì)的職業(yè)教育機構(gòu)

js數(shù)組中去除重復(fù)值的幾種方法

來源:千鋒教育
發(fā)布時間:2023-05-31 16:08:51
分享

千鋒教育品牌logo

  在 JavaScript 中,可以使用多種方法去除數(shù)組中的重復(fù)值。 以下是幾種常見的方法:

  使用 Set:使用 Set 數(shù)據(jù)結(jié)構(gòu)可以輕松去除數(shù)組中的重復(fù)值。 Set 會自動過濾重復(fù)元素,并返回一個去重后的結(jié)果數(shù)組。  

let arr = [1, 2, 3, 3, 4, 5, 5];
let uniqueArr = [...new Set(arr)];
console.log(uniqueArr); // [1, 2, 3, 4, 5]

  使用 filter:使用數(shù)組的 filter 方法結(jié)合 indexOf 或 includes 方法,可以篩選出不重復(fù)的元素組成的新數(shù)組。  

let arr = [1, 2, 3, 3, 4, 5, 5];
let uniqueArr = arr.filter((value, index, self) => {
return self.indexOf(value) === index;
});
console.log(uniqueArr); // [1, 2, 3, 4, 5]

  使用 reduce:使用數(shù)組的 reduce 方法,遍歷數(shù)組并逐個判斷元素是否已經(jīng)存在于結(jié)果數(shù)組中,如果不存在則將其添加到結(jié)果數(shù)組中。  

let arr = [1, 2, 3, 3, 4, 5, 5];
let uniqueArr = arr.reduce((prev, current) => {
if (!prev.includes(current)) {
prev.push(current);
}
return prev;
}, []);
console.log(uniqueArr); // [1, 2, 3, 4, 5]

  使用 for 循環(huán):使用 for 循環(huán)遍歷數(shù)組,并將不重復(fù)的元素添加到結(jié)果數(shù)組中。 

let arr = [1, 2, 3, 3, 4, 5, 5];
let uniqueArr = [];
for (let i = 0; i < arr.length; i++) {
if (!uniqueArr.includes(arr[i])) {
uniqueArr.push(arr[i]);
}
}
console.log(uniqueArr); // [1, 2, 3, 4, 5]

  這些方法都可以實現(xiàn)去除數(shù)組中的重復(fù)值,具體選擇哪種方法取決于你的個人喜好和代碼場景。

聲明:本站部分稿件版權(quán)來源于網(wǎng)絡(luò),如有侵犯版權(quán),請及時聯(lián)系我們。

學(xué)習(xí)資源站

  • 免費全套視頻教程
  • 企業(yè)實戰(zhàn)項目源碼
  • 大廠筆試真題題庫
  • 行業(yè)前瞻發(fā)展趨勢

相關(guān)推薦

  • vue配置跨域怎么操作 Vue配置跨域的操作非常簡單。在Vue項目中,我們可以通過配置webpack來實現(xiàn)跨域請求。在Vue項目的根目錄下找到config文件夾,然后打開index.js文件。在該文件中,我們可以找到一個名為
  • npm包管理工具有什么用途? npm(NodePackageManager)是JavaScript生態(tài)系統(tǒng)中最常用的包管理工具。它是隨同Node.js安裝的,默認(rèn)包含在Node.js的安裝包中。npm允許開發(fā)者輕松地安裝、更新、卸
  • vue事件修飾符有哪些? 在Vue.js中,事件修飾符是一種用于修改事件觸發(fā)行為的特殊修飾符。以下是常用的事件修飾符:1.`.stop`:阻止事件繼續(xù)傳播,即阻止事件冒泡。2.`.prevent`:阻止事件默認(rèn)行為。3.`.c
  • vue路由守衛(wèi)有哪些? 在Vue.js中,路由守衛(wèi)是一種用于控制導(dǎo)航的機制,它允許您在路由切換前后執(zhí)行相應(yīng)的操作。VueRouter提供了三種類型的路由守衛(wèi):1.全局前置守衛(wèi)(GlobalBeforeGuards):-`be
  • css絕對定位和相對定位 CSS中的絕對定位(absolutepositioning)和相對定位(relativepositioning)是用于控制元素在頁面布局中的位置的兩種常見定位方式。1.絕對定位(absolutepos
  • npm安裝less用法介紹 npm(NodePackageManager)是Node.js的包管理器,它允許您安裝、管理和共享JavaScript模塊。要安裝和使用Less(一種CSS預(yù)處理器),您可以按照以下步驟進行操作:1.
  • 主站蜘蛛池模板: 舞钢市| 清镇市| 扎赉特旗| 黄陵县| 上饶市| 绵阳市| 遂昌县| 玉溪市| 易门县| 灌阳县| 桃园市| 武山县| 阳城县| 江津市| 天长市| 麻城市| 宣恩县| 永和县| 塔河县| 即墨市| 永川市| 灵山县| 珲春市| 阜宁县| 常宁市| 淮南市| 新河县| 左权县| 合川市| 宝应县| 柏乡县| 思茅市| 南澳县| 彩票| 志丹县| 五家渠市| 上饶县| 荔波县| 海伦市| 深泽县| 青田县|