- 时间:2022-04-29 23:16 编辑: 来源: 阅读:
- 扫一扫,手机访问
摘要:老生常谈JavaScript数组的用法
[b]JavaScript数组简介[/b]
JavaScript中的数组与其他语言中的数组是不同的,主要体现在:
数组中存储的各项可以是不同类型的数据
数组的大小是动态变化的,当新增项时或移除项时可以动态的改变大小来容纳当前数据项
[b]在JavaScript中创建数组[/b]
[b]在JavaScript中创建数组有两种方式:[/b]
其一:调用数组的构造函数
var a = new Array(3);//创建一个长度为3的数组
var a = new Array(1,2,3)//创建一个数组内容为1,2,3的数组
另外,通过构造函数创建数组时也可以省略new 关键字,效果与带new相同
其二:使用字面值法创建(使用这种方法创建数组不会调用数组的构造方法)
Var a = [1,2,3]
判断一个对象是否为数组
在JavaScript中判断一个对象是否是数组有两种方法:
[img]http://files.jb51.net/file_images/article/201606/2016061015013925.png[/img]
[b]JavaScript数组的属性与方法[/b]
[b]Length属性[/b]
在JavaScript中数组的length属性返回数组的长度,该属性既可以读亦可以写
length-i: 将数组从后往前删除i个元素
length+i: 在数组的尾部增加i个元素(未初始化前均为underfine)
栈方法
[b]Push方法:[/b]
[img]http://files.jb51.net/file_images/article/201606/2016061015013926.png[/img]
[b]Pop方法:[/b]
数组非Pop方法返回数组中的最后一项(注意:只是返回最后一项而不影响原数组)
[img]http://files.jb51.net/file_images/article/201606/2016061015013927.png[/img]
[b]队列方法[/b]
Shift方法: 移除数组的第一项并返回,同时使数组的长度减1
[img]http://files.jb51.net/file_images/article/201606/2016061015013928.png[/img]
结合使用push()和 shift()方法,便可以像队列一样的操作数组
Unshift方法:在数组的前端添加任意个项并返回数组的长度
[img]http://files.jb51.net/file_images/article/201606/2016061015013929.png[/img]
结合使用unshift()和pop()方法可以像操作反向队列似得操作数组
[b]数组的排序方法[/b]
Sort方法对数组进行排序(按照ASCII码表)
[img]http://files.jb51.net/file_images/article/201606/2016061015013930.png[/img]
此外还可以为sort()还可以指定一个比较函数
[img]http://files.jb51.net/file_images/article/201606/2016061015013931.png[/img]
倒序排列函数reverse():
[img]http://files.jb51.net/file_images/article/201606/2016061015013932.png[/img]
不调用reverse,手动实现倒序排列:
[img]http://files.jb51.net/file_images/article/201606/2016061015013933.png[/img]
操作方法
concat()方法:如果没有参数则返回当前数组的副本,如果参数是一个数组,则将参数数组中的每一项都添加到当前数组副本的末尾,然后返回该副本,如果参数不是数组,则将参数添加到当前数组副本的末尾并返回该副本
[img]http://files.jb51.net/file_images/article/201606/2016061015013934.png[/img]
slice()方法:将当前数组中的一项或多项作为一个新数组返回(不影响当前原数组)
[img]http://files.jb51.net/file_images/article/201606/2016061015013935.png[/img]
splice()方法:(注意:该方法在原数组操作)
[img]http://files.jb51.net/file_images/article/201606/2016061015013936.png[/img]
[b]位置方法indexof()和lastindexof()[/b]
Indexof(startindex,item):在当前数组中startindex(如果没有startindex则从头开始搜索)从前往后搜素item,并返回第一个item的索引,如果没有查询到item则返回-1
Lastindexof(startindex,item):用法同indexof,但是从后往前搜索
减少方法
[b]reduce和reduceright:[/b]
reduce(callback,缩小基础的初始值(可选)),回调函数可以接受四个参数(pre,cur,index,arr),分别表示前一个值、当前值、项索引,数组对象,这个函数的返回结果自动作为参数传递给下一项
reduceright()用法同reduece,但reduceright是从后往前迭代的
[img]http://files.jb51.net/file_images/article/201606/2016061015013937.png[/img]
[b]迭代方法[/b]
[img]http://files.jb51.net/file_images/article/201606/2016061015013938.png[/img]
以上这篇老生常谈JavaScript数组的用法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持编程素材网。