Javascript中数组查重的方法总结大全
数组查重:简单点说,就是找出数组中重复的元素然后去除,最后得到一个没有重复元素的数组。
// 方法一思路:
1.构建一个新的数组,用于存放结果。
2.for循环中每次从数组取出一个元素,用这个元素与结果数组的中的每个元素相比。
3.若结果数组中没有和取出的元素相同,则存放在结果数组中。
- //自定义函数
- var ret= function(arr){
- var res=[arr[0]];
- for(var j=1;j<arr.length;j++){
- var repeat= false;
- for(var i=0;i<res.length;i++){
- if(arr[j]==res[i]){
- repeat=true;
- break;
- }
- }
- if(!repeat){
- res.push(arr[j]);
- }
- }
- return res;
- };
- var a=[1,3,4,3,5,'aa','bb','aa'];
- document.write(ret(a)); //1,3,4,5,aa,bb
- //或者给数组添加方法
- Array.prototype.ret= function(){
- var res=[this[0]];
- for(var j=1;j<this.length;j++){
- var repeat= false;
- for(var i=0;i<res.length;i++){
- if(this[j]==res[i]){
- repeat=true;
- break;
- }
- }
- if(!repeat){
- res.push(this[j]);
- }
- }
- return res;
- }
- var a=[1,3,4,3,5,'aa','bb','aa'];
- document.write(a.ret()); //1,3,4,5,aa,bb
//方法二思路:(有点:查重效率高;缺点:由于查重之前对数组进行了排序,还回结果也是排序的,如果不改变原数组的顺序去重,那这种方法便不可取了。)
1.首先给原数组进行排序。
2.检查原数组的第i个元素与结果数组的最后一个元素是否相等。因为已经排序,所以重复元素会在相邻位置。
3.如果不相同,则将该元素存入结果数组中。
- //自定义函数
- var ret1= function(arr){
- arr.sort();
- var res= [arr[0]];
- for(var i=1;i<arr.length;i++){
- if(arr[i]!=res[res.length-1]){
- res.push(arr[i]);
- }
- }
- return res;
- }
- var b= [1,3,4,2,3,4];
- document.write(ret1(b)); //1,2,3,4
- //或者给数组添加方法
- Array.prototype.ret1= function(){
- this.sort();
- var res= [this[0]];
- for(var i=1;i<this.length;i++){
- if(arr[i]!=res[res.length-1]){
- res.push(this[i]);
- }
- }
- return res;
- }
- var b= [1,3,4,2,3,4];
- document.write(b.ret1()); //1,2,3,4
/方法三思路:(推荐使用这个方法)
1.定义一个结果数组存放结果。
2.创建一个新对象。
3.for循环的时候,每次取出一个元素与对象对比,如果这个元素不重复则把它放在结果数组里,同时把这个元素的内容作为对象的属性,并赋值为1。
说明:至于如何对比取出的元素与对象,就是每次从原数组取出一个元素,然后到对象中访问这个属性,如果访问到值,则说明重复。
- //自定义函数
- var ret2= function(arr){
- var res=[];
- var json={};
- for(var i=0;i<arr.length;i++){
- if(!json[arr[i]]){
- res.push(arr[i]);
- json[arr[i]]=1;
- }
- }
- return res;
- }
- var c=[1,2,3,2,1];
- document.write(ret2(c)); //1,2,3
- //或者给数组添加方法
- Array.prototype.ret2= function(){
- var res=[];
- var json={};
- for(var i=0;i<this.length;i++){
- if(!json[this[i]]){
- res.push(this[i]);
- json[this[i]]=1;
- }
- }
- return res;
- }
- var c=[1,2,3,2,1];
- document.write(c.ret2()); //1,2,3
Javascript中数组查重的方法总结大全的更多相关文章
- 总结Javascript中数组各种去重的方法
相信大家都知道网上关于Javascript中数组去重的方法很多,这篇文章给大家总结Javascript中数组各种去重的方法,相信本文对大家学习和使用Javascript具有一定的参考借鉴价值,有需要的 ...
- JavaScript中数组Array.sort()排序方法详解
JavaScript中数组的sort()方法主要用于对数组的元素进行排序.其中,sort()方法有一个可选参数.但是,此参数必须是函数. 数组在调用sort()方法时,如果没有传参将按字母顺序(字符编 ...
- javascript中数组的22种方法
× 目录 [1]对象继承 [2]数组转换 [3]栈和队列[4]数组排序[5]数组拼接[6]创建数组[7]数组删改[8]数组位置[9]数组归并[10]数组迭代[11]总结 前面的话 数组总共有22种方法 ...
- javascript中数组的22种方法 (转载)
前面的话 数组总共有22种方法,本文将其分为对象继承方法.数组转换方法.栈和队列方法.数组排序方法.数组拼接方法.创建子数组方法.数组删改方法.数组位置方法.数组归并方法和数组迭代方法共10类来进行详 ...
- javascript中数组和字符串的方法比较
× 目录 [1]可索引 [2]转换 [3]拼接[4]创建[5]位置 前面的话 字符串和数组有很多的相同之处,它们的方法众多,且相似度很高:但它们又有不同之处,字符串是不可变值,于是可以把其看作只读的数 ...
- javascript中数组的深拷贝的方法
一.什么是浅拷贝 在js当中,我们常常遇到数组复制的的情况,许多人一般都会使用"="来直接把一个数组赋值给一个变量,如 var a=[1,2,3]; var b=a; consol ...
- JavaScript中数组相关的属性方法
下面的这些方法会改变调用它们的对象自身的值: Array.prototype.copyWithin() 在数组内部,将一段元素序列拷贝到另一段元素序列上,覆盖原有的值. Array.prototype ...
- JavaScript中数组Array方法详解
ECMAScript 3在Array.prototype中定义了一些很有用的操作数组的函数,这意味着这些函数作为任何数组的方法都是可用的. 1.Array.join()方法 Array.join()方 ...
- JavaScript中数组常用方法的总结
JavaScript中数组Array常用的方法总结 标签(空格分隔): JavaScript ECMAScript数组给我们提供了许多常用的方法,便于我们对数组进行操作,下面,就来总结一下这些方法. ...
随机推荐
- springboot启动流程(三)Environment简介
所有文章 https://www.cnblogs.com/lay2017/p/11478237.html 简介 上一篇文章中,我们简单了解了一下SpringApplication的run方法的代码逻辑 ...
- spingboot启动报驱动Loading class `com.mysql.jdbc.Driver'. This is deprecated. The new driver class is `com.mysql.cj.jdbc.Driver'. The driver is automatically registered via the SPI and manual loading of th
原因: springboot应用了最新的驱动com.mysql.cj.jdbc.Driver,这个驱动需要用mysql-connector-java包的6.x版本才可以, 而mysql-connect ...
- C# 哥德巴赫猜想的实现方式 region分区编写
using System;using System.Collections.Generic;using System.Linq;using System.Text;using System.Threa ...
- 如何在阿里云上运行SAP UI5应用
本来Jerry觉得这个知识点太简单了完全不值得写成微信公众号文章,但转念一想,可能网络上有一些刚刚初学UI5的朋友们可能会问到,所以还是写了. 今天一个成都同事问我这个问题,因为SAP WebIDE可 ...
- 【2017-06-29】在登录页面自动返回上次请求页面、Js获取table中的行数与列数
一.在登录页面自动返回上次请求页面 Request.UrlReferrer比如 if (Request.UrlReferrer != null) { //如果能获取来路地址 Response.Redi ...
- C# Winfrom 窗体上动态生成控件慢处理
处理方式:布局挂起 panelContent.SuspendLayout(); panelContent.ResumeLayout(); private void button1_Click(obje ...
- Vs2017 FrameWork EF Mysql 控制台应用
1 运行环境 vs2017 Net FromWork 4.6.2 手动版 没有 ado.net 实体数据模型 2 NuGet MySql.Data.Entity 6.10.9, MySq ...
- 搭建一个jumpserver跳板机
1,部署jumpserver 建立阿里云公网源yum仓库 清除缓存重新建立缓存 ip后面直接回车,下面输入y 地址端口账户密码直接回车 ,询问跳过输入y,是否继续输入y 用户名回车,输入自己要设置的密 ...
- 部署WCF Lib到IIS
打开VS2013,新建项目,选择WCF|WCF服务库,取名WCFWithIIS 2. 我们用演示一个计算加法的服务.简单起见,直接在IService接口中添加加法接口 3. 实现这个加法 4. 生成项 ...
- MySQL 进阶3 排序查询
#进阶3 排序查询 格式: select 查询列名 from 表 [where 筛选条件] order by 排序列名 [asc / desc] 排序查询/嵌套排序查询/函数查询/[按别名进行 排序] ...