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 相关文章推荐
js计数器代码
Nov 04 Javascript
innerhtml用法 innertext用法 以及innerHTML与innertext的区别
Oct 26 Javascript
JavaScript起点(严格模式深度了解)
Jan 28 Javascript
Javascript selection的兼容性写法介绍
Dec 20 Javascript
javascript实现十六进制颜色值(HEX)和RGB格式相互转换
Jun 20 Javascript
JavaScript代码应该放在HTML代码哪个位置比较好?
Oct 16 Javascript
jQuery插件echarts实现的多柱子柱状图效果示例【附demo源码下载】
Mar 04 Javascript
React入门教程之Hello World以及环境搭建详解
Jul 11 Javascript
详解vue-cli项目中怎么使用mock数据
May 29 Javascript
vue 集成jTopo 处理方法
Aug 07 Javascript
Vue实现剪切板图片压缩功能
Feb 04 Javascript
javascript遍历对象的五种方式实例代码
Oct 24 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中session_id()函数详细介绍,会话id生成过程及session id长度
2015/09/23 PHP
PHP+Ajax实现验证码的实时验证
2016/07/20 PHP
laravel如何开启跨域功能示例详解
2017/08/31 PHP
阿里云Win2016安装Apache和PHP环境图文教程
2018/03/11 PHP
PHP实现的超长文本分页显示功能示例
2018/06/04 PHP
laravel withCount 统计关联数量的方法
2019/10/10 PHP
为你的网站增加亮点的9款jQuery插件推荐
2011/05/03 Javascript
js 判断脚本加载完毕的代码
2011/07/13 Javascript
使用js正则控制input标签只允许输入的值
2013/07/29 Javascript
js过滤特殊字符输入适合输入、粘贴、拖拽多种情况
2014/03/22 Javascript
JavaScript中的异常捕捉介绍
2014/12/31 Javascript
jQuery+CSS3实现树叶飘落特效
2015/02/01 Javascript
jQuery如何跳转到另一个网页 就这么简单
2016/12/28 Javascript
vue实现点击图片放大效果
2017/08/15 Javascript
JavaScript实现兼容IE6的收起折叠与展开效果实例
2017/09/20 Javascript
详解如何理解vue的key属性
2019/04/14 Javascript
Typescript3.9 常用新特性一览(推荐)
2020/05/14 Javascript
[41:05]Serenity vs Pain 2018国际邀请赛小组赛BO2 第二场 8.19
2018/08/21 DOTA
[02:21]2018完美盛典章节片——初心
2018/12/17 DOTA
[02:01]2018完美盛典-开场舞《双子星》
2018/12/16 DOTA
Pandas 数据处理,数据清洗详解
2018/07/10 Python
Python能做什么
2020/06/02 Python
亚马逊西班牙购物网站:amazon西班牙
2017/03/06 全球购物
澳大利亚在线床零售商:Bedworks
2020/09/01 全球购物
十一个高级MySql面试题
2014/10/06 面试题
完美主义个人的自我评价
2014/02/17 职场文书
小学德育工作经验交流材料
2014/05/22 职场文书
运动会标语
2014/06/21 职场文书
法人授权委托书
2014/09/16 职场文书
2015年秋季运动会加油稿
2015/07/22 职场文书
Laravel中获取IP的真实地理位置
2021/04/01 PHP
python中的3种定义类方法
2021/11/27 Python
mysql的Buffer Pool存储及原理
2022/04/02 MySQL
Mongodb 迁移数据块的流程介绍分析
2022/04/18 MongoDB
Python 绘制多因子柱状图
2022/05/11 Python
java.util.NoSuchElementException原因及两种解决方法
2022/06/28 Java/Android