广告
返回顶部
首页 > 资讯 > 前端开发 > JavaScript >JS如何实现数组去重复值
  • 264
分享到

JS如何实现数组去重复值

2024-04-02 19:04:59 264人浏览 安东尼
摘要

这篇文章主要介绍js如何实现数组去重复值,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!运行效果图如下:完整实例代码如下:<!DOCTYPE html PUB

这篇文章主要介绍js如何实现数组去重复值,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!

运行效果图如下:

JS如何实现数组去重复值

完整实例代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Test</title>
<script type="text/javascript" language="javascript" >
Array.prototype.distinct = function(){
 var $ = this;
 var o1 = {}; //存放去重复值
 var o2 = {}; //存放重复值
 var o3 = []; //存放重复值
 var o; //数组单个变量
 for(var i=0;o = $[i];i++){
 if(o in o1){
  if(!(o in o2)) o2[o] = o;
  delete $[i];
 }else{
  o1[o] = o;
 }
 }
 $.length = 0; //清空原数组
 for(o in o1){
 $.push(o);
 }
 for(o in o2){
 o3.push(o);
 }
 return o3;
}
var a = [2,2,2,3,3,3,4,4,5,6,7,7];
console.log("原数组:" + a); //2,2,2,3,3,3,4,4,5,6,7,7
console.log("有重复的元素是:" + a.distinct()); //2,3,4,7
console.log("整理后的数组是:" + a);      //2,3,4,5,6,7
console.log("整理后的长度是:" + a.length)    //6
</script>
</head>
<body>
</body>
</html>

以上是“JS如何实现数组去重复值”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注编程网JavaScript频道!

--结束END--

本文标题: JS如何实现数组去重复值

本文链接: https://www.lsjlt.com/news/66022.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • JS如何实现数组去重复值
    这篇文章主要介绍JS如何实现数组去重复值,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!运行效果图如下:完整实例代码如下:<!DOCTYPE html PUB...
    99+
    2022-10-19
  • js中如何实现两数组去除重复数值
    这篇文章主要介绍js中如何实现两数组去除重复数值,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!实例如下://两数组去除重复数值 mergeArray: function(a...
    99+
    2022-10-19
  • JS中如何实现数组去重
    这篇文章主要介绍JS中如何实现数组去重,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!操作的数组 let arr=[0,1,23,'1',4,2,8...
    99+
    2022-10-19
  • 如何使用JS实现数组去重
    这篇文章主要介绍如何使用JS实现数组去重,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!具体如下:var arr = ['abc',...
    99+
    2022-10-19
  • php如何去除重复数组值
    这篇文章主要介绍php如何去除重复数组值,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!php去除重复数组值的方法:首先打开相应的PHP代码文件;然后通过“array_unique($ordernum);”去掉重复的字...
    99+
    2023-06-14
  • js数组如何去重
    小编给大家分享一下js数组如何去重,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!在实际工作或面试中,我们经常会遇到“数组去重”问题,接下来就是使用js实现的数组去...
    99+
    2023-06-14
  • js数组去重怎么实现
    这篇文章主要介绍“js数组去重怎么实现”,在日常操作中,相信很多人在js数组去重怎么实现问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”js数组去重怎么实现”的疑惑有所帮助!接下来,请跟着小编一起来学习吧!方法...
    99+
    2023-07-02
  • php数组如何去除0和重复值
    本篇内容介绍了“php数组如何去除0和重复值”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!php数组去除0和重复值的步骤:1、利用array...
    99+
    2023-07-02
  • php如何合并数组并去掉重复值
    今天小编给大家分享一下php如何合并数组并去掉重复值的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。实现步骤:1、使用arra...
    99+
    2023-07-02
  • 七种JS实现数组去重的方式
    目录1.利用Set()+Array.from() 2.利用两层循环+数组的splice方法 3.利用数组的indexOf方法 4.利用数组的includes方法 5.利用数组的fil...
    99+
    2022-11-12
  • javascript数组如何去重复
    小编给大家分享一下javascript数组如何去重复,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!javascript数组去重复的方法:1、利用“indexOf(...
    99+
    2023-06-14
  • JS实现数组去重的方法有哪些
    这篇文章主要介绍了JS实现数组去重的方法有哪些的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇JS实现数组去重的方法有哪些文章都会有所收获,下面我们一起来看看吧。1.ES5常用:利用for嵌套for,然后spli...
    99+
    2023-06-29
  • javascript数组去重如何实现
    这篇文章主要为大家展示了“javascript数组去重如何实现”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“javascript数组去重如何实现”这篇文章吧。 ...
    99+
    2022-10-19
  • es6如何实现数组去重
    这篇文章将为大家详细讲解有关es6如何实现数组去重,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。 es6数组去重的方法:1、利用Set对象和数...
    99+
    2022-10-19
  • php如何实现数组去重
    这篇文章主要介绍“php如何实现数组去重”,在日常操作中,相信很多人在php如何实现数组去重问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”php如何实现数组去重”的疑惑有所帮助!接下来,请跟着小编一起来学习吧...
    99+
    2023-06-26
  • C语言怎么去掉数组重复值
    可以使用两层循环来遍历数组,比较每两个元素是否相同,如果相同则将其中一个元素删除。以下是一个示例代码:```c#include vo...
    99+
    2023-09-26
    C语言
  • php数组怎么去除0和重复值
    php数组去除0和重复值的步骤:1、利用array_diff()函数去除数组中的0,语法“array_diff($arr, [0])”,会返回一个去0数组;2、使用array_unique()函数删除去0数组中的重复值即可,语法“array...
    99+
    2022-07-05
    php php数组
  • php如何去除重复值
    这篇文章主要讲解了“php如何去除重复值”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“php如何去除重复值”吧!php去除重复值的方法:1、使用“function more_array_un...
    99+
    2023-07-04
  • thinkphp如何去除重复值
    本篇内容介绍了“thinkphp如何去除重复值”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!thinkphp去除重复值的方法:1、打开相应的...
    99+
    2023-06-26
  • JS实现数组去重的11种方法总结
    目录1.ES5常用:利用for嵌套for,然后splice去重2.ES6常用:Set去重3.indexOf去重4.sort()排序5.对象属性不能相同(不建议)6.includes(...
    99+
    2022-11-13
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作