本文介绍JS数组一些比较进阶的方法:

reverse:数组反转;

join:(参数)以参数为连接符将数组拼接为字符串;

实例:

var arr=[];

arr[3]="haha";

console.log(arr.join("a"));//输出:aaahaha;    arr[3]实际上定义了数组长度为4且前3项都为undifided, 因此join("a")则为:空 +a+空+ a 空+ a+ haha

配合字符串split方法实现字符串反转:

String.prototype.reverse=function () {
      return this.split("").reverse().join("");
}

快速生成累加数组:

for (var i = 1, arr=[]; arr.push(i++)<10;) ;

console.log(arr);//[1,2,3,4,5,6,7,8,9,10]//   将10修改为需要的数字即可

数组排序:

var arr=[1,13,500,70]

最大值:Math.max.apply(null,arr);//500

最小值:Math.min.apply(null,arr);  //1

排序:从大到小:arr.sort((a,b)=>b-a)   或者   arr.sort(function(a,b){return b-a});

   从小到大::arr.sort((a,b)=>a-b)   或者   arr.sort(function(a,b){return a-b});

   随机排序arr.sort(function(){return Math.random()-0.5});

  双重标准排序:

例子1:要求:将arr按num大小排序,如果num相同则以time时间较新的排序

var arr= [
    {name:'qqq', num:2,time:'2015-06-08 13:44:18'},
    {name:'www', num:3,time:'2015-06-08 13:44:18'},
    {name:'eee', num:4,time:'2015-06-07 13:40:18'},
    {name:'rrr', num:4,time:'2015-06-08 13:44:18'},
    {name:'yyy', num:6,time:'2015-06-07 13:40:18'},
];

arr.sort((a,b)=>a.num==b.num?Date.parse(b.time)-Date.parse(a.time):b.num-a.num)

例子2:要求:将arr按每一项中的数字从小到大排序

var arr=["那你dasda1222","哈哈哈das32dasdsa","纳尼8888dasdsadas","aaa333"];

arr.sort((a,b)=>a.match(/\d/) - b.match(/\d/))

或者arr.sort(function(a,b){return a.match(/\d/) - b.match(/\d/)})

数组去重:

1 基本版本:  

Array.prototype.unique = function() {

// 创建一个新的临时数组,用于保存输出结果
var n = [];

for (var i = 0; i < this.length; i++) {
// 如果当前数组的第i个元素已经保存进了临时数组,那么跳过,否则把当前项push到临时数组里面
if (n.indexOf(this[i]) == -1) n.push(this[i]);
}
return n;
}

2 高效版

 Array.prototype.unique = function() {
        / / n为hash表,r为临时数组
      var n = {}, r = [];

for (var i = 0; i < this.length; i++) {

// 如果hash表中没有当前项

if (!n[this[i]]) {

n[this[i]] = true;

// 把当前数组的当前项push到临时数组里面
      r.push(this[i]);
      }
   }
   return r;
}

3 简洁先进版

Array.prototype.unique = function() {
       return this.filter((v, i) => this.indexOf(v) === i)
}

 

其他方法:var arr=[7,10,222]

快速复制数组:var arr2=arr.slice();

console.log(arr2);    //[7,10,222]

console.log(arr2===arr)  //  false

数组求和:

arr.reduce(function (item,idx) {
       return  item+idx
})

数组过滤:var arr=["a",{name:"haha"},"1212","8"]

arr. filter(function(item) {return typeof item == 'number'})  //去除类型不是Number的元素

JS数组中级+高级技巧的更多相关文章

  1. 小兔JS教程(四)-- 彻底攻略JS数组

    在开始本章之前,先给出上一节的答案,参考答案地址: http://www.xiaotublog.com/demo.html?path=homework/03/index2 1.JS数组的三大特性 在J ...

  2. js数组学习整理

    原文地址:js数组学习整理 常用的js数组操作方法及原理 1.声明数组的方式 var colors = new Array();//空的数组 var colors = new Array(3); // ...

  3. 转→js数组遍历 千万不要使用for...in...

    看到一篇内容还不错,但是排版实在糟糕, 逼死强迫症患者啊,直接拉下去找原文连接,找到了,但是已经消失了···500错误... 第一次因为实在看不下去一篇博客的排版, 为了排版而转载... 转载地址:h ...

  4. js数组操作大全

    原文(http://www.cnblogs.com/webhotel/archive/2010/12/21/1912732.html) 用 js有很久了,但都没有深究过js的数组形式.偶尔用用也就是简 ...

  5. js数组去重的4种方法

    js数组去重,老生长谈,今天对其进行一番归纳,总结出来4种方法 贴入代码前 ,先对浏览器Array对象进行支持indexOf和forEach的polyfill Array.prototype.inde ...

  6. js 数组处理函数

    本文转载自有有<js 数组处理函数> concat 将参数列表连接到原数组后面形成一个新的数组并返回,原有数组不受影响. var arr = ["a","b& ...

  7. js 数组赋值问题 :值传递还是引用?

    转载于知乎var a = [1,2,3]; var b = a; a = [4,5,6]; alert(b); //[1,2,3] 面试时被问到这样一个问题,竟然从来没试过... 当时直接的理解,数组 ...

  8. JS数组方法汇总 array数组元素的添加和删除

    js数组元素的添加和删除一直比较迷惑,今天终于找到详细说明的资料了,先给个我测试的代码^-^ var arr = new Array(); arr[0] = "aaa"; arr[ ...

  9. js数组操作

    用 js有很久了,但都没有深究过js的数组形式.偶尔用用也就是简单的string.split(char).这段时间做的一个项目,用到数组的地方很多, 自以为js高手的自己居然无从下手,一下狠心,我学! ...

随机推荐

  1. jQuery Form

    https://github.com/jquery-form/form#type 概念 jQuery表单插件允许您轻松,无差错地升级HTML表单以使用AJAX. 主要方法ajaxForm和ajaxSu ...

  2. ffmpeg应用笔记

    官网 http://ffmpeg.org/ 应用手册 http://ffmpeg.org/documentation.html 雷霄骅专栏 https://blog.csdn.net/leixiaoh ...

  3. CentOS7.5基础优化与常用配置

    目录 最小化全新安装CentOS7基础优化 配置yum源 安装常用软件 关闭防火墙 关闭SELinux 优化ulimit 历史命令记录改为1万条 把命令提示符改为绿色 添加vim配置文件 添加一个普通 ...

  4. 5.7 Components — Sending Actions From Components to Your Application

    一.概述 1. 当一个组件在模板中被使用时,它具有发送action到这个模板的controller和routes的能力.当重大事件发生的时候,这些允许组件通知application,比如点击组件一个特 ...

  5. IBM究竟是一家怎样的公司

    每次被问到这样的“简单”问题,我都很纠结: 这家公司,从创始至今已经积累了几十万种技术(2015年蝉联专利排行榜23年之久,仅2015年专利数7355项),开发了上万种产品(从银行的交易系统,到航空的 ...

  6. 怎样在linux下对U盘进行格式化和分区

    说明,为了不做无用功,首先必须卸载要分区的设备,分区才能执行成功.通过命令umount /media/?? 或者umount /mnt/??? 看你的实际情况,这一步必不可少.1.首先通过命令fdis ...

  7. 【运维技术】slc pm 启动不了,异常排除问题记录

    问题描述 slc pm 启动的时候报错如下: [root@iZuf61qpjpeuqc5mjo4kn8Z lixiang-scf-web]# slc pm strong-remoting deprec ...

  8. composer方式安装thinkphp5,安装smarty

    转载地址: https://my.oschina.net/inuxor/blog/750717 composer 是 PHP 用来管理依赖(dependency)关系的工具.你可以在自己的项目中声明所 ...

  9. PHP多进程学习(一)__来初步了解一下PHP多进程及简单demo

    php是一门单进程弱类型的语言,PHP处理多并发主要是依赖服务器或PHP-FPM的多进程及它们进程的复用,多进程的作用优点大家可以去网上了解,PHP实现多进程在实际项目中意义也是不容小觑的.比如:日常 ...

  10. java 的异常处理

    一.异常的概念: java 中的异常通常指的是在运行期出现的错误,这样的错误也是比较难以调试的,解决问题的时候注意观察出现错误的名字和行号最重要 下面看这个例子: import java.io.*; ...