脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → js删除重复的元素

js在数组中删除重复的元素自保留一个(两种实现思路)

 更新时间：2014年08月22日 10:16:50   投稿：whsnow  
遍历要删除的数组arr, 把元素分别放入另一个数组tmp中，在判断该元素在arr中不存在才允许放入tmp中，具体实现如下，需要的朋友可以看看

例如：var student = [‘qiang','ming','tao','li','liang','you','qiang','tao'];

第一种思路是：遍历要删除的数组arr, 把元素分别放入另一个数组tmp中，在判断该元素在arr中不存在才允许放入tmp中

用到两个函数：for ...in 和 indexOf()

<script type="text/javascript"> 
var student = ['qiang','ming','tao','li','liang','you','qiang','tao'];
function unique(arr){
// 遍历arr，把元素分别放入tmp数组(不存在才放)
var tmp = new Array();
for(var i in arr){
//该元素在tmp内部不存在才允许追加
if(tmp.indexOf(arr[i])==-1){
tmp.push(arr[i]);
}
}
return tmp;
}

</script>

第二种思路是：把目标数组arr的元素值和键的位置调换 自动就把重复的元素给删除掉了，调换后的样子：array('qiang'=>1,'ming'=>1,'tao'=>1)

<script type="text/javascript">
var student = ['qiang','ming','tao','li','liang','you','qiang','tao'];
function unique(arr){
var tmp = new Array();

for(var m in arr){
tmp[arr[m]]=1;
}
//再把键和值的位置再次调换
var tmparr = new Array();

for(var n in tmp){
tmparr.push(n);
}
return tmparr;
}
</script>
您可能感兴趣的文章:

相关文章

  • javascript 动态生成私有变量访问器

    javascript 动态生成私有变量访问器

    创建一个新的用户对象，接受一个有许多属性的对象作为参数
    2009-12-12
  • JS动态获取当前时间,并写到特定的区域

    JS动态获取当前时间,并写到特定的区域

    JS动态获取当前时间,并写到特定的区域，需要的朋友可以参考一下
    2013-05-05
  • 微信小程序wx.getUserInfo授权获取用户信息(头像、昵称)的实现

    微信小程序wx.getUserInfo授权获取用户信息(头像、昵称)的实现

    这篇文章主要介绍了微信小程序wx.getUserInfo授权获取用户信息(头像、昵称)的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2020-08-08
  • 原创javascript小游戏实现代码

    原创javascript小游戏实现代码

    javascript小游戏实现代码，喜欢用javascript实现游戏效果代码的朋友可以参考下。
    2010-08-08
  • Axios取消重复请求的方法实例详解

    Axios取消重复请求的方法实例详解

    在开发中,经常会遇到接口重复请求导致的各种问题,这篇文章主要给大家介绍了关于Axios取消重复请求的相关资料,需要的朋友可以参考下
    2021-06-06
  • 在ABP框架中使用BootstrapTable组件的方法

    在ABP框架中使用BootstrapTable组件的方法

    ABP是“ASP.NET Boilerplate Project (ASP.NET样板项目)”的简称，它是一个成熟的开源框架，基于DDD+Repository模式，自带Zero权限和认证模块，避免了从零开始搭建框架的烦恼。今天来分享下如何在ABP框架的模式里面使用bootstrapTable组件。
    2017-07-07
  • 微信小程序里引入SVG矢量图标的方法

    微信小程序里引入SVG矢量图标的方法

    这篇文章主要介绍了微信小程序里引入SVG矢量图标的方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2019-09-09
  • 详解JS HTML Web端使用MQTT通讯测试

    详解JS HTML Web端使用MQTT通讯测试

    这篇文章主要介绍了JS HTML Web端使用MQTT通讯测试,本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
    2023-04-04
  • 利用babel将es6语法转es5的简单示例

    利用babel将es6语法转es5的简单示例

    Babel是一个广泛使用的转码器,babel可以将ES6代码完美地转换为ES5代码，所以下面这篇文章就来给大家详细介绍了关于利用babel将es6语法转es5的相关资料，文章通过示例介绍的非常详细，需要的朋友可以参考下。
    2017-12-12
  • js实现基于正则表达式的轻量提示插件

    js实现基于正则表达式的轻量提示插件

    这篇文章主要介绍了基于正则表达式的轻量提示插件，兼容性强却文件轻巧的文本框检测插件,推荐给大家，有需要的小伙伴可以参考下。
    2015-08-08

最新评论