JS简单实现数组去重的方法分析


Posted in Javascript onOctober 14, 2017

本文实例讲述了JS简单实现数组去重的方法。分享给大家供大家参考,具体如下:

var arr = ['abc','abcd','sss','2','d','t','2','ss','f','22','d'];
//定义一个新的数组
var s = [];
//遍历数组
for(var i = 0;i<arr.length;i++){
  if(s.indexOf(arr[i]) == -1){ //判断在s数组中是否存在,不存在则push到s数组中
    s.push(arr[i]);
  }
}
console.log(s);
//输出结果:["abc", "abcd", "sss", "2", "d", "t", "ss", "f", "22"]

运行结果:

JS简单实现数组去重的方法分析

关于indexOf()方法:

indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。

stringObject.indexOf(searchvalue,fromindex)

该方法将从头到尾地检索字符串 stringObject,看它是否含有子串 searchvalue。开始检索的位置在字符串的 fromindex 处或字符串的开头(没有指定 fromindex 时)。如果找到一个 searchvalue,则返回 searchvalue 的第一次出现的位置。stringObject 中的字符位置是从 0 开始的。

如果在数组中没找到字符串则返回 -1。

关于push()方法:

push() 方法可向数组的末尾添加一个或多个元素,并返回新的长度。

注意: 新元素将添加在数组的末尾。

注意: 此方法改变数组的长度。

Javascript 相关文章推荐
javascript开发随笔一 preventDefault的必要
Nov 25 Javascript
JS修改iframe页面背景颜色的方法
Apr 01 Javascript
Java中Timer的用法详解
Oct 21 Javascript
那些精彩的JavaScript代码片段
Jan 12 Javascript
详解vue父子组件间传值(props)
Jun 29 Javascript
JS实现静态页面搜索并高亮显示功能完整示例
Sep 19 Javascript
vue 之 .sync 修饰符示例详解
Apr 21 Javascript
vue的token刷新处理的方法
Jul 17 Javascript
VuePress 快速踩坑小结
Feb 14 Javascript
node(koa2) web应用模块介绍详解
Mar 29 Javascript
JavaScript实现更换背景图片
Oct 18 Javascript
vue el-tree 默认展开第一个节点的实现代码
May 15 Javascript
jQuery响应滚动条事件功能示例
Oct 14 #jQuery
JS实现的简单表单验证功能完整实例
Oct 14 #Javascript
jQuery实现的鼠标滚轮控制图片缩放功能实例
Oct 14 #jQuery
JavaScript实现鼠标滚轮控制页面图片切换功能示例
Oct 14 #Javascript
jQuery结合jQuery.cookie.js插件实现换肤功能示例
Oct 14 #jQuery
jQuery基于cookie实现换肤功能实例
Oct 14 #jQuery
浅谈vue路径优化之resolve
Oct 13 #Javascript
You might like
php后台程序与Javascript的两种交互方式
2009/10/25 PHP
深入php内核之php in array
2015/11/10 PHP
PHP的PDO大对象(LOBs)
2019/01/27 PHP
PHP MVC框架中类的自动加载机制实例分析
2019/09/18 PHP
JS 自定义带默认值的函数
2011/07/21 Javascript
工作需要写的一个js拖拽组件
2011/07/28 Javascript
extjs实现选择多表自定义查询功能 前台部分(ext源码)
2011/12/20 Javascript
鼠标滚轮控制网页横向移动实现思路
2013/03/22 Javascript
jQuery的deferred对象详解
2014/11/12 Javascript
简单介绍JavaScript的变量和数据类型
2015/06/03 Javascript
js面向对象实现canvas制作彩虹球喷枪效果
2016/09/24 Javascript
两种简单的跨域方法(jsonp、php)
2017/01/02 Javascript
js 动态生成html 触发事件传参字符转义的实例
2017/02/14 Javascript
JS解决position:sticky的兼容性问题的方法
2017/10/17 Javascript
VUE2实现事件驱动弹窗示例
2017/10/21 Javascript
浅析java线程中断的办法
2018/07/29 Javascript
animate.css在vue项目中的使用教程
2018/08/05 Javascript
[02:38]DOTA2超级联赛专访Loda 认为IG世界最强
2013/05/27 DOTA
[55:26]DOTA2-DPC中国联赛 正赛 Aster vs LBZS BO3 第一场 2月23日
2021/03/11 DOTA
Python时间模块datetime、time、calendar的使用方法
2016/01/13 Python
Python3.遍历某文件夹提取特定文件名的实例
2018/04/26 Python
python判断输入日期为第几天的实例
2018/11/13 Python
python2.7 安装pip的方法步骤(管用)
2019/05/05 Python
Python PIL读取的图像发生自动旋转的实现方法
2019/07/05 Python
Python 使用type来定义类的实现
2019/11/19 Python
GUESS盖尔斯法国官网:美国时尚品牌
2016/09/23 全球购物
光声世纪笔试题目
2012/08/25 面试题
会计电算化专业应届大学生求职信
2013/10/22 职场文书
企业演讲稿范文
2013/12/28 职场文书
怎样写离婚协议书
2015/01/26 职场文书
2015年端午节活动总结
2015/02/11 职场文书
工地材料员岗位职责
2015/04/11 职场文书
2015年个人实习工作总结
2015/05/28 职场文书
小学生手册家长意见
2015/06/03 职场文书
旷工检讨书大全
2015/08/15 职场文书
python神经网络 tf.name_scope 和 tf.variable_scope 的区别
2022/05/04 Python