全网整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:400-708-3566

详解JavaScript数组过滤相同元素的5种方法

方法一:比较内层循环变量的值.

var arr = [1, 2, 3, 1, 3, 4, 5, 5];
var resultArr = [];
for (i = 0; i < arr.length; i++) {
  for (j = 0; j < resultArr.length; j++) {
    if (resultArr[j] == arr[i]) {
      break;
    }
  }
  if (j == resultArr.length) {
    resultArr[resultArr.length] = arr[i];
  }
}
console.log(resultArr); //1,2,3,4,5

方法二:计数法.

var arr = [1, 2, 3, 1, 3, 4, 5, 5];
var count;
var resultArr = [];
for (i = 0; i < arr.length; i++) {
  count = 0;
  for (j = 0; j < resultArr.length; j++) {
    if (resultArr[j] == arr[i]) {
      count++;
      break;
    }
  }
  if (count == 0) {
    resultArr[resultArr.length] = arr[i];
  }
}
console.log(resultArr); //1,2,3,4,5

方法三:flag标志法(也叫假设成立法)

var arr = [1, 2, 3, 1, 2, 3, 4, 5, 5];
var resultArr = []; //[1,2,3]
var flag;
for (var i = 0; i < arr.length; i++) {
  flag = true;
  for (j = 0; j < resultArr.length; j++) {
    if (resultArr[j] == arr[i]) {
      flag = false;
      break;
    }
  }
  if (flag) {
    resultArr[resultArr.length] = arr[i];
  }
}
console.log(resultArr);//1,2,3,4,5

方法四:使用sort()方法排序后比较

var arr = [1, 2, 3, 1, 2, 3, 4, 5, 5];
var resultArr = [];
arr.sort(function (a, b) {
  return a - b;
});
//这个时候arr变成了[1, 1, 2, 2, 3, 3, 4, 5, 5]
for (i = 0; i < arr.length; i++) {
  if (arr[i] != arr[i + 1]) {
    resultArr[resultArr.length] = arr[i];
  }
}
console.log(resultArr);

方法五:使用filter()方法筛选掉重复的数组

var arr = [1, 2, 3, 1, 2, 3, 4, 5, 5];
var resultArr;
resultArr = arr.filter(function (item, index, self) {
  return self.indexOf(item) == index;

});
console.log(resultArr);

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。


# javascript  # 数组过滤相同元素  # 数组过滤  # js  # 判断数组相同元素  # JS中filter( )数组过滤器的使用  # JS实现数组过滤从简单到多条件筛选  # js过滤数组重复元素的方法  # javascript下过滤数组重复值的代码  # JavaScript常用数组元素搜索或过滤的四种方法详解  # javascript过滤数组重复元素的实现方法  # js中如何对嵌套数组进行filter过滤  # JavaScript中常用的数组过滤方法例子  # 这个时候  # 也叫  # 大家多多  # 变成了  # resultArr  # lt  # console  # break  # length  # arr  # class  # pre  # strong  # var  # brush  # log  # item  # filter  # return 


相关文章: 怎么将XML数据可视化 D3.js加载XML  建站之星后台密码遗忘如何找回?  建站之星微信建站一键生成小程序+多端营销系统  建站之家VIP精选网站模板与SEO优化教程整合指南  网站按钮制作软件,如何实现网页中按钮的自动点击?  大型企业网站制作流程,做网站需要注册公司吗?  如何在服务器上配置二级域名建站?  大连网站制作费用,大连新青年网站,五年四班里的视频怎样下载啊?  宁波免费建站如何选择可靠模板与平台?  如何快速搭建安全的FTP站点?  如何零基础在云服务器搭建WordPress站点?  建站主机服务器选购指南:轻量应用与VPS配置解析  建站上传速度慢?如何优化加速网站加载效率?  电商网站制作多少钱一个,电子商务公司的网站制作费用计入什么科目?  Bpmn 2.0的XML文件怎么画流程图  如何快速搭建个人网站并优化SEO?  表情包在线制作网站免费,表情包怎么弄?  5种Android数据存储方式汇总  如何高效利用200m空间完成建站?  如何用手机制作网站和网页,手机移动端的网站能制作成中英双语的吗?  如何登录建站主机?访问步骤全解析  如何在景安服务器上快速搭建个人网站?  美食网站链接制作教程视频,哪个教做美食的网站比较专业点?  如何在建站主机中优化服务器配置?  小米网站链接制作教程,请问miui新增网页链接调用服务有什么用啊?  定制建站模板如何实现SEO优化与智能系统配置?18字教程  网站网页制作专业公司,怎样制作自己的网页?  山东云建站价格为何差异显著?  常州企业建站如何选择最佳模板?  建站之星3.0如何解决常见操作问题?  如何选择高效响应式自助建站源码系统?  如何在宝塔面板中创建新站点?  建站之星伪静态规则如何正确配置?  测试制作网站有哪些,测试性取向的权威测试或者网站?  建站之星免费模板:自助建站系统与智能响应式一键生成  如何在阿里云高效完成企业建站全流程?  在线流程图制作网站手机版,谁能推荐几个好的CG原画资源网站么?  如何选择PHP开源工具快速搭建网站?  如何在阿里云ECS服务器部署织梦CMS网站?  建站之星后台管理系统如何操作?  邀请函制作网站有哪些,有没有做年会邀请函的网站啊?在线制作,模板很多的那种?  ppt制作免费网站有哪些,ppt模板免费下载网站?  如何快速查询域名建站关键信息?  详解ASP.NET 生成二维码实例(采用ThoughtWorks.QRCode和QrCode.Net两种方式)  如何通过WDCP绑定主域名及创建子域名站点?  盐城做公司网站,江苏电子版退休证办理流程?  行程制作网站有哪些,第三方机票电子行程单怎么开?  C#如何序列化对象为XML XmlSerializer用法  深圳防火门网站制作公司,深圳中天明防火门怎么编码?  如何高效生成建站之星成品网站源码? 

您的项目需求

*请认真填写需求信息,我们会在24小时内与您取得联系。