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 中对象的继承〔转贴〕
Jan 22 Javascript
json 定义
Jun 10 Javascript
JS+CSS实现下拉列表框美化效果(3款)
Aug 15 Javascript
JS组件Bootstrap按钮组与下拉按钮详解
May 10 Javascript
jqGrid翻页时数据选中丢失问题的解决办法
Feb 13 Javascript
浅谈React + Webpack 构建打包优化
Jan 23 Javascript
axios全局请求参数设置,请求及返回拦截器的方法
Mar 05 Javascript
解决vue初始化项目时,一直卡在Project description上的问题
Oct 31 Javascript
node.js使用net模块创建服务器和客户端示例【基于TCP协议】
Feb 14 Javascript
解决vue-router路由拦截造成死循环问题
Aug 05 Javascript
JavaScript的垃圾回收机制与内存管理
Aug 06 Javascript
ES11屡试不爽的新特性,你用上了几个
Oct 21 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将文本文件转换csv输出的方法
2014/12/31 PHP
对PHP PDO的一些认识小结
2015/01/23 PHP
详解php魔术方法(Magic methods)的使用方法
2016/02/14 PHP
一个网马的tips实现分析
2010/11/28 Javascript
使用jQuery和PHP实现类似360功能开关效果
2014/02/12 Javascript
JS二维数组的定义说明
2014/03/03 Javascript
js的回调函数详解
2015/01/05 Javascript
javascript父子页面通讯实例详解
2015/07/17 Javascript
基于Jquery和html5的7款个性化地图插件
2015/11/17 Javascript
jquery 将当前时间转换成yyyymmdd格式的实现方法
2016/06/01 Javascript
基于JS实现省市联动效果代码分享
2016/06/06 Javascript
jQuery根据name属性进行查找的用法分析
2016/06/23 Javascript
使用ReactJS实现tab页切换、菜单栏切换、手风琴切换和进度条效果
2016/10/17 Javascript
JavaScript面向对象分层思维全面解析
2016/11/22 Javascript
学好js,这些js函数概念一定要知道【推荐】
2017/01/19 Javascript
jQuery实现打开网页自动弹出遮罩层或点击弹出遮罩层功能示例
2017/10/19 jQuery
解决vue router组件状态刷新消失的问题
2018/08/01 Javascript
javascript sort()对数组中的元素进行排序详解
2019/10/13 Javascript
Vue实现兄弟组件间的联动效果
2020/01/21 Javascript
Python中统计函数运行耗时的方法
2015/05/05 Python
实现python版本的按任意键继续/退出
2016/09/26 Python
Python实现图片转字符画的示例
2017/08/22 Python
Python自定义线程池实现方法分析
2018/02/07 Python
对TensorFlow中的variables_to_restore函数详解
2018/07/30 Python
Python Flask前后端Ajax交互的方法示例
2018/07/31 Python
python求质数的3种方法
2018/09/28 Python
Python创建字典的八种方式
2019/02/27 Python
pycharm new project变成灰色的解决方法
2019/06/27 Python
pycharm无法导入本地模块的解决方式
2020/02/12 Python
python 在sql语句中使用%s,%d,%f说明
2020/06/06 Python
python 6种方法实现单例模式
2020/12/15 Python
Speedo速比涛中国官方网站:全球领先泳装运动品牌
2018/04/24 全球购物
英国设计师泳装、沙滩装和比基尼在线精品店:Beach Cafe
2019/08/28 全球购物
包装类的功能、种类、常用方法
2012/01/27 面试题
家长意见书
2015/06/04 职场文书
html解决浏览器记住密码输入框的问题
2023/05/07 HTML / CSS