• 技术文章 >web前端 >js教程

    高效率去掉js数组中重复项的方法

    不言不言2018-04-26 14:35:15原创977
    Array类型并没有提供去重复的方法,如果要把数组的重复元素干掉,那得自己想办法。所以下面就给大家分享关于高效率去掉js数组中重复项的方法,有需要的朋友可以参考一下


    这是一个高效率去除重复的方法:

    function hovercUnique(arr) {
    var result = [], hash = {};
    for (var i = 0, elem; (elem = arr[i]) != null; i++) {
    if (!hash[elem]) {
    result.push(elem);
    hash[elem] = true;
    }
    }
    return result;
    //http://hovertree.com
    }


    使用例子效果:
    http://hovertree.com/texiao/jsstudy/4/

    http://hovertree.com/code/dev/lg17a37a.htm

    使用方法:

    <!DOCTYPE html>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>高效率去掉js数组中重复项的特效 - 何问起</title><base target="_blank" />
    <meta charset="utf-8" />
    <style>a{color:deeppink;}</style>
    </head>
    <body>
    <p><a href="http://hovertree.com/">首页</a> <a href="http://hovertree.com/texiao/">特效</a> <a href="http://hovertree.com/h/bjaf/ovjl4eus.htm">原文</a>
    </p>
    <p>
    <script>
    var h_hewenqiArray = new Array();
    h_hewenqiArray[0] = "hovertree";
    h_hewenqiArray[1] = "easysector";
    h_hewenqiArray[2] = "hovertree";
    h_hewenqiArray[3] = "keleyi";
    h_hewenqiArray[4] = "keleyi";
    h_hewenqiArray[5] = "何问起";
    h_hewenqiArray[6] = "hovertree";
    h_hewenqiArray[7] = "hoverclock";
    h_hewenqiArray[8] = "yestop";
    h_hewenqiArray[9] = 163;
    h_hewenqiArray[10] = "何问起";
    h_hewenqiArray[11] = 163;
    h_hewenqiArray[12] = "hoverclock";
    h_hewenqiArray[13] = "何问起";
    
    var h_arrayLength = h_hewenqiArray.length;
    document.write("原始数组元素个数:"+h_arrayLength + "<br />");
    for (var i = 0; i < h_arrayLength; i++)
    {
    document.write(h_hewenqiArray[i]+"<br />");
    }
    
    
    function hovercUnique(arr) {
    var result = [], hash = {};
    for (var i = 0, elem; (elem = arr[i]) != null; i++) {
    if (!hash[elem]) {
    result.push(elem);
    hash[elem] = true;
    }
    }
    return result;
    //http://hovertree.com
    }
    
    var h_hewenqiResult = hovercUnique(h_hewenqiArray);
    
    var h_resultLength = h_hewenqiResult.length;
    document.write("<br />去重复后数组元素个数:" + h_resultLength + "<br />");
    for (var i = 0; i < h_resultLength; i++) {
    document.write(h_hewenqiResult[i] + "<br />");
    } 
    </script>
    </p>
    <p style="border:solid 1px silver"><p>何问起 hovertree.com</p></p>
    </body>
    </html>

    以上就是高效率去掉js数组中重复项的方法的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:javascript 高效率 方法
    上一篇:怎样让浏览器记住ajax请求并控制浏览器前进和后退 下一篇:怎么配置谷歌浏览器支持file协议的AJAX请求
    千万级数据并发解决方案

    相关文章推荐

    • angular学习之路由模块浅析• JavaScript怎么实现基础类型和对象一样有属性和方法• 值得了解的几个实用JavaScript优化小技巧• JavaScript学习理解之JSON(总结分享)• 深入了解JavaScript的内存与性能问题
    1/1

    PHP中文网