首页前端开发JavaScript如何通过js程序删除数组重复项(忽略大小写敏感)

如何通过js程序删除数组重复项(忽略大小写敏感)

时间2024-01-30 04:24:02发布访客分类JavaScript浏览654
导读:收集整理的这篇文章主要介绍了如何通过js程序删除数组重复项(忽略大小写敏感),觉得挺不错的,现在分享给大家,也给大家做个参考。本文将给大家介绍如何通过javascript来删除数组中的重复项,并且要求忽略大小写敏感。那么对于该问题,大家有没...
收集整理的这篇文章主要介绍了如何通过js程序删除数组重复项(忽略大小写敏感),觉得挺不错的,现在分享给大家,也给大家做个参考。本文将给大家介绍如何通过javascript来删除数组中的重复项,并且要求忽略大小写敏感。那么对于该问题,大家有没有自己的实现思路呢?

比如我先给一个示例数组:[1, 2, 2, 4, 5, 4, 7, 8, 7, 3, 6],该数组中明显有重复的数值,那么各位自己先动动手实现删除重复项吧!

下面我将给大家分享两种js删除数组中重复项的实现方法,各位可以参考参考:

第一种方法:

代码如下:

!DOCTYPE htML>
    html lang="en">
    head>
        meta charset="UTF-8">
        tITle>
    /title>
    /head>
    body>
    script>
    function removeDuplicates(num) {
        VAR x,            len=num.length,            out=[],            obj={
}
    ;
            for (x=0;
     xlen;
 x++) {
                obj[num[x]]=0;
        }
        for (x in obj) {
                out.push(x);
        }
            return out;
    }
        var Mynum = [1, 2, 2, 4, 5, 4, 7, 8, 7, 3, 6];
        result = removeDuplicates(Mynum);
        console.LOG(Mynum);
        console.log(result);
    /script>
    /body>
    /html>
    

结果如下图:

注:push()方法可向数组的末尾添加一个或多个元素,并返回新的长度;新元素将添加在数组的末尾;此方法改变数组的长度;在数组起始位置添加元素请使用 unshift() 方法。

第二种方法:

代码如下:

!DOCTYPE html>
    html lang="en">
    head>
        meta charset="UTF-8">
        title>
    /title>
    /head>
    body>
    script>
        //从JavaScript数组中删除重复项 const nums = [1, 2, 2, 3, 1, 2, 4, 5, 4, 2, 6];
        console.log([...new Set(nums)])/script>
    /body>
    /html>
    

结果如下:

注:在 JavaScript 中从数组中删除重复项可以通过多种方式完成,例如使用 Array.PRototype.reduce()、Array.prototype.filter() 甚至简单的 for 循环;但是有一个更简单的选择,JavaScript 的内置 Set 对象被描述为一组值,其中每个值只能出现一次。Set 对象也是可迭代的,因此可以使用扩展 (...) 运算符轻松地将其转换为数组。

这里给大家推荐阅读《JavaScript中Set对象的介绍(附示例)》《介绍JavaScript中...扩展运算符的常用方法》文章。

最后给大家推荐最新最全面的《javascript基础教程》~快来学习吧!

以上就是如何通过js程序删除数组重复项(忽略大小写敏感)的详细内容,更多请关注其它相关文章!

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!

上一篇: 分享一些Nodejs常用文件fs模块AP...下一篇:javascript指定元素的末尾索引该...猜你在找的JavaScript相关文章 html font标签如何设置字体大小?html font标签属性用法介绍2022-05-16vue3+TypeScript+vue-router的使用方法2022-04-16vue3获取当前路由地址2022-04-16如何利用React实现图片识别App2022-04-16JavaScript展开运算符和剩余运算符的区别详解2022-04-16微信小程序中使用vant框架的具体步骤2022-04-16Vue elementUI表单嵌套表格并对每行进行校验详解2022-04-16如何利用Typescript封装本地存储2022-04-16微信小程序中wxs文件的一些妙用分享2022-04-16JavaScript的Set数据结构详解2022-04-16 其他相关热搜词更多phpjavapython程序员loadpost-format-gallery

若转载请注明出处: 如何通过js程序删除数组重复项(忽略大小写敏感)
本文地址: https://pptw.com/jishu/592036.html
JS字符串学习之怎么返回给定下标间的子串 分享一些Nodejs常用文件fs模块API(总结)

游客 回复需填写必要信息