一、创建数组、数组操作

数组是指的有序集合。每个值叫做元素,每个元素,每个元素在数组中都有梳子位置编号,也就是索引。JS中数组是弱类型的,数组中可以含有不同类型的元素。数组元素甚至可以是对象或其它数组。

1、字面量创建数组

var arr=[1,true,null,undefined,{x:1},[1,2,3]]

可以用逗号间隔创建字面量数组,但是可读性比较差,不建议。

中括号里面有2个逗号(,)的话会被理解为2个undefined,最后一个逗号右边那个会被忽略掉。

2、数组大小

1~4,294,967,295(2^23-1)

3、new Array创建数组

new Array()参数可以为空或者,一个,或者多个参数。

var arr=new Array();//等价于arr=[];
var arrWithLength=new Array(100);//undefined*100
var arrLikesLiteral=new Array(true,false,null,1,2,"hi");
//等价于[true,false,null,1,2,"hi"]

new Array的new也可以省略

4、数组元素的读写

用delete删除数组元素后,长度不变

增数组元素

4种增加数组元素方法

var arr=[];
arr[0]=1;
arr[1]=2;
arr.push(3);
arr;//[1,2,3] arr[arr.length]=4; //尾增,等价于arr.push(4)
arr;//[1, 2, 3, 4] arr.unshift(0); //头增
arr;//[0, 1, 2, 3, 4]

数组元素

delete删除数组元素实际上是把数组元素变为undefined。

4种删除数组元素的方法如下:

arr; //[0, 1, 2, 3, 4]
delete arr[2];
arr;//[0, 1, undefined × 1, 3, 4]
arr.length;
//
2 in arr
//false arr.length-=1
arr;
//[0, 1, undefined × 1, 3],4 is removed arr.pop();
//3 returned by pop
arr;
//[0, 1, undefined × 1],3 is removed arr.shift();
//0 returned by shift
arr;
//[1, undefined × 1]

二、二维数组、稀疏数组

稀疏数组:稀疏数组并不含有从0开始的连续索引。一般length属性值比实际元素个数大。

用new Array(1)只是创建了一个长度为1的数组,数组下标0【key 0】并不存在。

可以动态改变数组的长度,把数组长度变为100。

虽然通过arr1.length使得数组长度变为100,但JavaScript并不会自动创建从0 ~ 98的其它Key

用逗号(,)留空的方式创建的数组也是稀疏数组。

遍历稀疏数组时用in操作符或者判断是否为undefined。

三、数组方法

数组的原型上有很多方法。

1、Array.prototype.join

join()方法将数组转化为字符串常用

应用场景比如拼一些url的参数, 打印数组。

join()不传参数默认会以逗号隔开。

join()传入参数,以参数作为数组每个元素的分隔符。

写一个函数重复创建某个字符串n次。

空数组去join时undefined会被忽略掉。

2、Array.prototype.reverse[update20170507]

reverse()方法返回逆序后的数组。常用。原数组被修改。 是一个in place operation,在原数组上操作。

MDN

The reverse method transposes the elements of the calling array object in place, mutating【改变】 the array, and returning a reference to the array.

reverse返回的是原数组的引用。

3、Array.prototype.sort

排序。原数组被修改。in place

sort默认按照字母排序。

自定义排序

从小到大:

如果要从大道小用b-a。

给对象排序。排序结果可以用forEach来查看。

4、Array.prototype.concat

数组合并。原数组没有被修改。

数组元素作为参数时会被拉平。数组只会被拉平一次。

如果参数是数组,并且数组的元素还是数组,里面的数组元素会被当成结果拉平。

var arr=[1,2,3];
arr.concat(4,5);//[1,2,3,4,5] arr;//[1,2,3]原数组未被修改 arr.concat([10,11],13);//[1,2,3,10,11,13]
arr.concat([1,[2,3]]);//[1,2,3,1,[2,3]]

5、Array.prototype.slice切片

返回部分数组。即返回数组片段。原数组没有被修改

左闭右开区间。

  • 第二个参数可以省略,表示从第一个参数索引开始都最后所有的元素
  • 负数索引表示从后往前

6、Array.prototype.splice胶接

splice()对数组进行一些拼接,不只可以删除数组中的一些元素,也可以去拼接一些新的元素。

原数组被修改

 splice接收1个参数:

splice(2)从第3个元素开始到最后作为返回值,并且被删除掉。

 splice接收2个参数: 第一个参数表示从哪个元素开始,第二个参数表示你想删除的元素的个数

splice接收多个参数:

删除元素的同时添加新的元素。

从第2个元素开始,删除1个元素,在被删除掉的位置添加“a”和“b”。

7、Array.prototype.forEach(ES5)

foreach是除了for和for in的另外的遍历方法。

foreach接收一个函数作为参数,该函数在遍历到数组每个元素时都会调用,foreach函数有3个参数,第一个是具体的值x,第二个参数是索引index,第三个参数每次都一样,都是指向数组本身。

8、Array.prototype.map(ES5)

map方法对数组做一些映射,比如想把数组中的每一个元素做一些转化。原数组没有被修改.

9、Array.prototype.filter(ES5)

filter对数组进行一些过滤。筛选出符合条件的元素。原数组没有被修改.

因为原数组不被修改,可以多次筛选出想要的结果。

10、Array.prototype.every(ES5)

 every和some是对数组的判断。验证数组是否满足某个条件。

every表示每一个都要符合某个条件。

比如想检查一下这个数组,每个元素是不是都是小于10的.

11、Array.prototype.some(ES5)

some表示任意一个元素符合某个条件即可。

验证一个数组是否存在一个元素满足某个条件。

12、Array.prototype.reduce/reduceRight(ES5)略复杂

reduce把数组的元素,两两去做一个操作,最终得到唯一的一个值

reduce和reduceRight把整个一个数组聚合成一个结果。

 把数组元素求和,就可以用reduce方法。

reduce里的第一个参数是个函数表示,数组元素两两进行一个什么样的操作(返回x+y),第二个参数是可选的。

传入参数0表示最开始第一个x的值是0,如果这个值不传,那第一个x就指向数组第一个元素,第二个y指向数组第二个元素。

过程:0(作为x)和1(作为y)相加等于1,这个1作为下一个x,2作为下一个y,1和2相加等于3,每一个的结果作为第一个参数x,第二个参数y就是数组的下一个元素。最终返回数组和6.

求数组的最大元素。

reduce中函数中每两个两个元素,进行判断谁大,大的元素作为返回。第二个参数没有穿,所以第一次遍历的参数就是3和9。9大,9作为第二次的x,6作为第二次的y,进行判断最终返回数组最大数9。

reduce和reduceRight基本一样,reduceRight是从右到左进行判断的。

13、Array.prototype.indexOf/lastIndexOf(ES5)

字符串的indexOf用来检索一个子串在字符串中的位置,数组中IndexOf也是数组的检索。

数组元素不存在返回-1

第一个参数表示要查找的元素,第二个参数表示,从哪里开始查找的下标,负数下标代表从右到左查找。

lastIndexOf从右向左查找。参数和indexOf一样,arr.lastIndexOf(3,-3)表示从倒数第3个元素开始,从右往左查找2,返回结果就是下标1。

14、Array.isArray(ES5)

如何判断一个对象是数组。4种方法

注意constructor是可以修改的,可能会失效。

四、可以把字符串当数组用

字符串是类数组,没有join,concat等方法。字符串可以按照数组的索引去访问每一个字符。

通过Array.prototype.join拿到join方法,通过.call的方式把字符串传进来,就可以把字符串当成数组那样去拼接。

原数组没有被修改.

本文作者starof,因知识本身在变化,作者也在不断学习成长,文章内容也不定时更新,为避免误导读者,方便追根溯源,请诸位转载注明出处:http://www.cnblogs.com/starof/p/6386219.html有问题欢迎与我讨论,共同进步。

javascript数组(五)的更多相关文章

  1. Javascript数组系列五之增删改和强大的 splice()

    今天是我们介绍数组系列文章的第五篇,也是我们数组系列的最后一篇文章,只是数据系列的结束,所以大家不用担心,我们会持续的更新干货文章. 生命不息,更新不止! 今天我们就不那么多废话了,直接干货开始. 我 ...

  2. Javascript入门(五)数组操作、循环语句

    一.数组与数组操作 <script type="text/javascript"> //数组定义方式 var list1 = new Array(1,2,3); var ...

  3. 也谈面试必备问题之 JavaScript 数组去重

    Why underscore (觉得这部分眼熟的可以直接跳到下一段了...) 最近开始看 underscore.js 源码,并将 underscore.js 源码解读 放在了我的 2016 计划中. ...

  4. 【读书笔记】-- JavaScript数组

    数组是一段线性分配的内存,它通过整数计算偏移并访问其中的元素.大多数的语言都会要求一个数组的元素是相同类型,但JavaScript数组可以包含任意类型. var misc = ['string', n ...

  5. 深入浅出 JavaScript 数组 v0.5

    有一段时间不更新博客了,今天分享给大家的是一篇关于JS数组的,数组其实比较简单,但是用法非常灵活,在工作学习中应该多学,多用,这样才能领会数组的真谛. 以下知识主要参考<JS 精粹>和&l ...

  6. JavaScript 数组基本操作

    简介 数组操作无论是在JavaScript中还是在其他语言中都是很常见.经常会用到的,现在我把JavaScript 数组基本操作整理一下,供大家参考学习.里边包含我自己的见解以及案例,希望能够帮助大家 ...

  7. 【译】你应该了解的JavaScript数组方法

    让我们来做一个大胆的声明:for循环通常是无用的,而且还导致代码难以理解.当涉及迭代数组.查找元素.或对其排序或者你想到的任何东西,都可能有一个你可以使用的数组方法. 然而,尽管这些方法很有用,但是其 ...

  8. JavaScript数组(三)数组对象使用整理

    一.数组声明方法1. var  a=new Array();2. var a=new Array([size]);3.var a=new Array(['a'],[1],['b'],[123]);4. ...

  9. JavaScript数组方法大全(推荐)

    原网址:http://www.jb51.net/article/87930.htm 数组在笔试中经常会出现的面试题,javascript中的数组与其他语言中的数组有些不同,为了方便之后数组的方法学习, ...

  10. 舌尖上的javascript数组和字符串基本操作

    Javascript数组基本操作 Javascript中的数组是一种特殊的对象,用来表示偏移量的索引是该对象的属性,索引可能是整数,然而这些数字索引在内部被转换为字符串类型,这是因为javascrip ...

随机推荐

  1. proxyTable设置代理解决跨域问题

    应用场景:在不同域之间访问是比较常见,在本地调试访问远程服务器....这时就有域问题. 解决方案一:在config里面的index.js里面的proxyTable //这里理解成用‘/api'代替ta ...

  2. VC获取操作系统位数

    方法1,msdn 有相应的例子,代码贴出来给你看看 MSDN有相应Example! #include <windows.h> typedef BOOL (WINAPI *LPFN_ISWO ...

  3. LaTeX公式中的空格

    两个quad空格 a \qquad b 两个m的宽度 quad空格 a \quad b 一个m的宽度 大空格 a\ b 1/3m宽度 中等空格 a\;b 2/7m宽度 小空格 a\,b 1/6m宽度 ...

  4. UR#13 SRAND

    总感觉这位大仙讲的很清楚:bztminamoto 题意 题目讲的是求 l~r 内所有数的次大质因子,这里设 f(x) 为 x 的次大质因子 我们差分一下就变成求两个前缀和信息了 按照套路,我们考虑 S ...

  5. 使用OneNote2016发送博客

    本人使用的是博客园的博客,其他的博客设置应该大同小异,OneNote使用的是2016版本,系统为Win10家庭中文版. 传统的在web端编辑发布博客的方式是在是心累,图文编辑麻烦,不便于存储,编辑的时 ...

  6. 【原创】大数据基础之Airflow(2)生产环境部署airflow研究

    一 官方 airflow官方分布式部署结构图 airflow进程 webserver scheduler flower(非必须) worker airflow缺点 scheduler单点 通过在sch ...

  7. layui框架--关闭当前页面并刷新父页面

    //关闭当前页面 并刷新父页面 var index = parent.layer.getFrameIndex(window.name); parent.layer.close(index) windo ...

  8. JavaWEB后端支付银联,支付宝,微信对接

    注:本文来源于:<  JavaWEB后端支付银联,支付宝,微信对接  > JavaWEB后端支付银联,支付宝,微信对接 标签(空格分隔): java 项目概述 最近项目需要后端打通支付,所 ...

  9. Confluence 6 Windows 中以服务方式自动重启修改运行服务的用户

    基于安全的考虑,如果你希望你的 Confluence 不是在系统中以管理员的身份运行或者你使用网络驱动器来存储备份,附件和索引的话,你可以以其他用户来运行 Confluence. 希望修改用户,打开 ...

  10. Linux用户、用户组、文件权限学习笔记

    最近打算更仔细学习一下linux操作系统.先是恶补了一下用户.用户组.文件权限这三样比较重要的知识.学习这几样东西,得先掌握linux的权限系统相关知识.linux的权限系统主要是由用户.用户组和权限 ...