实战IT培训机构_黄色激情网站_IT培训班选大学生IT技术培训中心_黄色激情视频网站_中公优就业

400-650-7353
您所在的位置:首頁 > IT干貨資料 > web前端 > 【Web前端基礎知識】數組去重的方法

【Web前端基礎知識】數組去重的方法

  • 發布: 優就業it培訓
  • 來源:優就業
  • 2021-06-18 17:12:08
  • 閱讀()
  • 分享
  • 手機端入口

無論是在面試還是實際寫代碼中都會經常遇到數組去重,那接下來我們介紹幾種數組去重的方法。

  1. var arr = [3,6,4,1,8,8,8,8,8,4,0,9,2,7,8,5,3,4,8,9,3]; 

1、第一種是聲明一個空數組,通過indexOf( )查找的方法,判斷這個新數組中有沒有該元素,如果沒有即查找結果為 -1 時,將這個元素添加到新數組的末尾。

js代碼為:

  1. //1.創建一個空數組,把arr里面的元素往空對象中添加,判斷如果空數組沒有這個元素,加 
  2.        var array = []; 
  3.        for( var i = 0; i<arr.length; i++ ) { 
  4.            if( array.indexOf(arr[i]) == -1 ) { 
  5.                array.push( arr[i] ); 
  6.            } 
  7.        } 
  8.         console.log(array); 

2、第二種是操作數組自身:

從第一項開始,拿該項和后面的所有項作比較,如果后面有和比較項相等的,就把后面的一項刪除。刪除的方法會改變當前數組的長度,后面的元素會自動往前挪,所以補位上來的元素需要在進行一次比較,讓下標進行自減操作。

比較的詳細過程即是為:

拿數組中第一個元素,和后面所有的元素進行比較,如果一樣刪除后面哪一個

拿數組中第二個元素,和后面所有的元素進行比較,如果一樣刪除后面哪一個

...

數組中所有的元素后需要和后面的進行比較,所以需要進行for循環的嵌套

代碼為:

  1. for(var i = 0; i<arr.length; i++) { 
  2.             //和后面所有的元素進行比較 
  3.             for(var j = i+1; j<arr.length; j++) { 
  4.                 if( arr[i] == arr[j] ){ //重復,刪除后面的元素 
  5.                     arr.splice(j,1); 
  6.                     j--;  
  7. //刪除一個元素后元素位置會自動往前挪,下標也需要往前j-- 
  8.                 } 
  9.             } 
  10.         } 
  11.         console.log(arr); 

3、先使用sort()方法對數組進行排序,再比較看數組是否和相鄰的項相等,如果不同則存入新數組中

  1. // 先對數組進行sort排序 
  2.  var sortArr = arr.sort(); 
  3. // 初始化結果數組并存一個值 
  4.             var res = [sortArr[0]]; 
  5. // 循環遍歷數組進行比較 
  6.             for (var i = 1; i < sortArr.length; i++) { 
  7. // 如果當前的比較項與結果數組的最后一項不相等則放入 
  8.                 if (sortArr[i] !== res[res.length - 1]) { 
  9.                     res.push(sortArr[i]); 
  10.                 } 
  11.             } 
  12.             console.log(res); 

 

文章“【Web前端基礎知識】數組去重的方法”已幫助

更多內容

>>本文地址:http://m.jecan.cn/zhuanye/2021/69054.html

THE END  

聲明:本站稿件版權均屬中公教育優就業所有,未經許可不得擅自轉載。

1 您的年齡

2 您的學歷

3 您更想做哪個方向的工作?

獲取測試結果
  • 大前端大前端
  • 大數據大數據
  • 互聯網營銷互聯網營銷
  • JavaJava
  • Linux云計算Linux
  • Python+人工智能Python
  • 嵌入式物聯網嵌入式
  • 全域電商運營全域電商運營
  • 軟件測試軟件測試
  • 室內設計室內設計
  • 平面設計平面設計
  • 電商設計電商設計
  • 網頁設計網頁設計
  • 全鏈路UI/UE設計UI設計
  • VR/AR游戲開發VR/AR
  • 網絡安全網絡安全
  • 新媒體與短視頻運營新媒體
  • 直播帶貨直播帶貨
  • 智能機器人軟件開發智能機器人
 

快速通道fast track

近期開班時間TIME

主站蜘蛛池模板: ETFE膜结构_PTFE膜结构_空间钢结构_膜结构_张拉膜_浙江萬豪空间结构集团有限公司 | 德国GMN轴承,GMN角接触球轴承,GMN单向轴承,GMN油封,GMN非接触式密封 | 间苯二酚,间苯二酚厂家-淄博双和化工| 双杰天平-国产双杰电子天平-美国双杰-常熟双杰仪器 | 自动检重秤-动态称重机-重量分选秤-苏州金钻称重设备系统开发有限公司 | 土壤有机碳消解器-石油|表层油类分析采水器-青岛溯源环保设备有限公司 | 上海宿田自动化设备有限公司-双面/平面/单面贴标机 | 尼龙PA610树脂,尼龙PA612树脂,尼龙PA1010树脂,透明尼龙-谷骐科技【官网】 | 爱佩恒温恒湿测试箱|高低温实验箱|高低温冲击试验箱|冷热冲击试验箱-您身边的模拟环境试验设备技术专家-合作热线:400-6727-800-广东爱佩试验设备有限公司 | 综合管廊模具_生态,阶梯护坡模具_检查井模具制造-致宏模具厂家 | 名律网-法律问题咨询-找律师-法律知识| 鼓风干燥箱_真空烘箱_高温干燥箱_恒温培养箱-上海笃特科学仪器 | 铆钉机|旋铆机|东莞旋铆机厂家|鸿佰专业生产气压/油压/自动铆钉机 | 东莞市海宝机械有限公司-不锈钢分选机-硅胶橡胶-生活垃圾-涡电流-静电-金属-矿石分选机 | 品牌策划-品牌设计-济南之式传媒广告有限公司官网-提供品牌整合丨影视创意丨公关活动丨数字营销丨自媒体运营丨数字营销 | 优秀的临床医学知识库,临床知识库,医疗知识库,满足电子病历四级要求,免费试用 | 浙江浩盛阀门有限公司| 圣才学习网-考研考证学习平台,提供万种考研考证电子书、题库、视频课程等考试资料 | 【灵硕展览集团】展台展会设计_展览会展台搭建_展览展示设计一站式服务公司 | 成都离婚律师|成都结婚律师|成都离婚财产分割律师|成都律师-成都离婚律师网 | 可程式恒温恒湿试验箱|恒温恒湿箱|恒温恒湿试验箱|恒温恒湿老化试验箱|高低温试验箱价格报价-广东德瑞检测设备有限公司 | 巩义市科瑞仪器有限公司| 冷却塔降噪隔音_冷却塔噪声治理_冷却塔噪音处理厂家-广东康明冷却塔降噪厂家 | 江苏全风,高压风机,全风环保风机,全风环形高压风机,防爆高压风机厂家-江苏全风环保科技有限公司(官网) | RV减速机-蜗轮蜗杆减速机-洗车机减速机-减速机厂家-艾思捷 | 欧盟ce检测认证_reach检测报告_第三方检测中心-深圳市威腾检验技术有限公司 | PSI渗透压仪,TPS酸度计,美国CHAI PCR仪,渗透压仪厂家_价格,微生物快速检测仪-华泰和合(北京)商贸有限公司 | 安全阀_弹簧式安全阀_美标安全阀_工业冷冻安全阀厂家-中国·阿司米阀门有限公司 | 对辊破碎机_四辊破碎机_双齿辊破碎机_华盛铭重工 | 生鲜配送系统-蔬菜食材配送管理系统-连锁餐饮订货配送软件-挪挪生鲜供应链管理软件 | 涡轮流量计_LWGY智能气体液体电池供电计量表-金湖凯铭仪表有限公司 | 我爱古诗词_古诗词名句赏析学习平台 | 全自动实验室洗瓶机,移液管|培养皿|进样瓶清洗机,清洗剂-广州摩特伟希尔机械设备有限责任公司 | 南京技嘉环保科技有限公司-杀菌除臭剂|污水|垃圾|厕所|橡胶厂|化工厂|铸造厂除臭剂 | PU树脂_水性聚氨酯树脂_聚氨酯固化剂_聚氨酯树脂厂家_宝景化工 | 蓄电池回收,ups电池后备电源回收,铅酸蓄电池回收,机房电源回收-广州益夫铅酸电池回收公司 | 盐城网络公司_盐城网站优化_盐城网站建设_盐城市启晨网络科技有限公司 | 刺绳_刀片刺网_刺丝滚笼_不锈钢刺绳生产厂家_安平县浩荣金属丝网制品有限公司-安平县浩荣金属丝网制品有限公司 | 众能联合-提供高空车_升降机_吊车_挖机等一站工程设备租赁 | 板材品牌-中国胶合板行业十大品牌-环保板材-上海声达板材 | 体检车_移动CT车_CT检查车_CT车_深圳市艾克瑞电气有限公司移动CT体检车厂家-深圳市艾克瑞电气有限公司 |