• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号
您的位置:首页 > 程序设计 >JavaScript > js常用数组算法总结

js常用数组算法总结

作者:猫老板的豆 字体:[增加 减小] 来源:互联网 时间:2017-08-19

猫老板的豆通过本文主要向大家介绍了javascript等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com

方法一

//利用 filter
var arr = [1,4,2,5,6,4,2,7]
var arr1 = arr.filter(function(element, index, self){
    return self.indexOf(element) == index
});
arr1   //[1, 4, 2, 5, 6, 7]

方法二

//利用indexOf
function unique (arr) {
  var result = []; 
  for (var i = 0; i < arr.length; i++)
  {
    if (result.indexOf(arr[i]) == -1) result.push(arr[i]);
  }
  return result;
}

方法三

//利用hash表,可能会出现字符串和数字一样的话出错,如var a = [1, 2, 3, 4, '3', 5],会返回[1, 2, 3, 4, 5]
function unique (arr)
{
    var hash = {},result = []; 
    for(var i = 0; i < arr.length; i++)
    {
        if (!hash[arr[i]]) 
        {
            hash[arr[i]] = true; 
            result.push(arr[i]); 
        }
    }
    return result;
}

方法四

//排序后比较相邻,如果一样则放弃,否则加入到result。会出现与方法三一样的问题,如果数组中存在1,1,'1'这样的情况,则会排错
function unique (arr) {
    arr.sort();
    var result=[arr[0]];
    for(var i = 1; i < arr.length; i++){
        if( arr[i] !== arr[i-1]) {
            result.push(arr[i]);
        }
    }
    return result;
}

方法五

//最简单但是效率最低的算法,也不会出现方法2和方法3出现的bug
function unique (arr) {
    if(arr.length == 0) return;
    var result = [arr[0]], isRepeate;
    for( var i = 0, j = arr.length; i < j; i++ ){
        isRepeate = false;
        for( var k = 0, h = result.length; k < h; k++){
            if(result[k] === arr[i]){
                isRepeate = true;
                break;
            }
            if(k == h) break;
        }
        if( !isRepeate ) result.push(arr[i]);
    }
    return result;
}

数组顺序扰乱

方法一

//每次随机抽一个数并移动到新数组中
function shuffle(array) {
    var copy = [],
        n = array.length,
        i;
    // 如果还剩有元素则继续。。。
    while (n) {
        // 随机抽取一个元素
        i = Math.floor(Math.random() * array.length);
        // 如果这个元素之前没有被选中过。。
        if (i in array) {
            copy.push(array[i]);
            delete array[i];
            n--;
        }
    }

方法二

//跟方法1类似,只不过通过splice来去掉原数组已选项
function shuffle(array) {
    var copy = [],
        n = array.length,
        i;
    // 如果还剩有元素。。
    while (n) {
        // 随机选取一个元素
        i = Math.floor(Math.random() * n--);
        // 移动到新数组中
        copy.push(array.splice(i, 1)[0]);
    }
    return copy;
}

方法三

//前面随机抽数依次跟末尾的数交换,后面依次前移,即:第一次前n个数随机抽一个跟第n个交换,第二次前n-1个数跟第n-1个交换,依次类推。
function shuffle(array) {
    var m = array.length,
        t, i;
    // 如果还剩有元素…
    while (m) {
        // 随机选取一个元素…
        i = Math.floor(Math.random() * m--);
        // 与当前元素进行交换
        t = array[m];
        array[m] = array[i];
        array[i] = t;
    }
    return array;
}

数组判断

方法一

//自带的isArray方法
var array6 = [];
Array.isArray(array6 );//true

方法二

//利用instanceof运算符
var array5 = [];
array5 instanceof Array;//true

方法三

//利用toString的返回值
function isArray(o) {
    return Object.prototype.toString.call(o) === ‘[object Array]‘;
}

数组求并集

//方法原理:连接两个数组并去重
function arrayUnique(array) {
    var a = array.concat();
    for(var i=0; i<a.length; ++i) {
        for(var j=i+1; j<a.length; ++j) {
            if(a[i] === a[j])
                a.splice(j--, 1);
        }
    }

    return a;
};

数组求差集

//利用filter和indexOf方法
Array.prototype.diff = function(a) {
    return this.filter(function(i) {return a.indexOf(i) &lt; 0;});
};
分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

相关文章

  • 2017-05-11js正则表达式验证密码强度【推荐】
  • 2017-05-11关于vuex的学习实践笔记
  • 2017-05-11vue使用watch 观察路由变化,重新获取内容
  • 2017-08-14javascript Date format(js日期格式化)
  • 2017-05-11JS正则截取两个字符串之间及字符串前后内容的方法
  • 2017-05-11深入理解Javascript箭头函数中的this
  • 2017-05-11走进javascript——不起眼的基础,值和分号
  • 2017-05-11用JavaScript实现让浏览器停止载入页面的方法
  • 2017-05-11利用transition实现文字上下抖动的效果
  • 2017-05-11JS实现的数字格式化功能示例

文章分类

  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号

最近更新的内容

    • js日期与字符串之间相互转换
    • 基于HTML5+JS实现本地图片裁剪并上传功能
    • jquery点赞功能实现代码 点个赞吧!
    • jQuery插件FusionCharts绘制2D柱状图和折线图的组合图效果示例【附demo源码】
    • jQuery插件HighCharts绘制2D带有Legend的饼图效果示例【附demo源码下载】
    • 基于JS实现9种不同的面包屑和分布式多步骤导航效果
    • 用jQuery实现可输入多选下拉组合框实例代码
    • 详解在Angularjs中ui-sref和$state.go如何传递参数
    • angularjs使用directive实现分页组件的示例
    • JS实现浏览器打印、打印预览示例

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有