js实例教程-JS数组(Array)操作详解

发布时间:2018-12-02 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了js实例教程-JS数组(Array)操作详解脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
小宝典致力于为广大程序猿(媛)提供高品质的代码服务,请大家多多光顾小站,小宝典在此谢过。

数组Array

- 数组也是一个对象,是一个用来存储数据的对象

和Object类似,但是它的存储效率比普通对象要高

- 数组中保存的内容我们称为元素

- 数组使用索引(index)来操作元素

- 索引指由0开始的整数

- 数组的操作:

- 创建数组

- VAR arr = new Array();

- var arr = [];

- 向数组中添加元素

- 语法;

数组对象[索引] = 值;

arr[0] = 123;

arr[1] = "hello";

- 创建数组时直接添加元素

- 语法:

var arr = [元素1,元素2....元素N];

- 例子:

var arr = [123,"hello",true,null];

- 获取和修改数组的长度

- 使用length属性来操作数组的长度

- 获取长度:

数组.length

- length获取到的是数组的最大索引+1

- 对于连续的数组,length获取到的就是数组中元素的个数

- 修改数组的长度

数组.length = 新长度

- 如果修改后的length大于原长度,则多出的部分会空出来

- 如果修改后的length小于原长度,则原数组中多出的元素会被删除

- 向数组的最后添加元素

数组[数组.length] = 值;

- 数组的方法

- push()

- 用来向数组的末尾添加一个或多个元素,并返回数组新的长度

- 语法:数组.push(元素1,元素2,元素N)

- pop()

- 用来删除数组的最后一个元素,并返回被删除的元素

- unshift()

- 向数组的前边添加一个或多个元素,并返回数组的新的长度

- shift()

- 删除数组的前边的一个元素,并返回被删除的元素

- slice()

- 可以从一个数组中截取指定的元素

- 该方法不会影响原数组,而是将截取到的内容封装为一个新的数组并返回

- 参数:

1.截取开始位置的索引(包括开始位置)

2.截取结束位置的索引(不包括结束位置)

- 第二个参数可以省略不写,如果不写则一直截取到最后

- 参数可以传递一个负值,如果是负值,则从后往前数

- splice()

- 可以用来删除数组中指定元素,并使用新的元素替换

该方法会将删除的元素封装到新数组中返回

- 参数:

1.删除开始位置的索引

2.删除的个数

3.三个以后,都是替换的元素,这些元素将会插入到开始位置索引的前边

- 遍历数组

- 遍历数组就是将数组中元素都获取到

- 一般情况我们都是使用for循环来遍历数组:

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

//数组[i]

}

- 使用foreach()方法来遍历数组(不兼容IE8)

数组.forEach(function(value , index , obj){

});

forEach()方法需要一个回调函数作为参数,

数组中有几个元素,回调函数就会被调用几次,

每次调用时,都会将遍历到的信息以实参的形式传递进来,

我们可以定义形参来获取这些信息。

value:正在遍历的元素

index:正在遍历元素的索引

obj:被遍历对象

数组(Array)

- 数组也是一个对象,是一个用来存储数据的对象

和Object类似,但是它的存储效率比普通对象要高

- 数组中保存的内容我们称为元素

- 数组使用索引(index)来操作元素

- 索引指由0开始的整数

- 数组的操作:

- 创建数组

- var arr = new Array();

- var arr = [];

- 向数组中添加元素

- 语法;

数组对象[索引] = 值;

arr[0] = 123;

arr[1] = "hello";

- 创建数组时直接添加元素

- 语法:

var arr = [元素1,元素2....元素N];

- 例子:

var arr = [123,"hello",true,null];

- 获取和修改数组的长度

- 使用length属性来操作数组的长度

- 获取长度:

数组.length

- length获取到的是数组的最大索引+1

- 对于连续的数组,length获取到的就是数组中元素的个数

- 修改数组的长度

数组.length = 新长度

- 如果修改后的length大于原长度,则多出的部分会空出来

- 如果修改后的length小于原长度,则原数组中多出的元素会被删除

- 向数组的最后添加元素

数组[数组.length] = 值;

- 数组的方法

- push()

- 用来向数组的末尾添加一个或多个元素,并返回数组新的长度

- 语法:数组.push(元素1,元素2,元素N)

- pop()

- 用来删除数组的最后一个元素,并返回被删除的元素

- unshift()

- 向数组的前边添加一个或多个元素,并返回数组的新的长度

- shift()

- 删除数组的前边的一个元素,并返回被删除的元素

- slice()

- 可以从一个数组中截取指定的元素

- 该方法不会影响原数组,而是将截取到的内容封装为一个新的数组并返回

- 参数:

1.截取开始位置的索引(包括开始位置)

2.截取结束位置的索引(不包括结束位置)

- 第二个参数可以省略不写,如果不写则一直截取到最后

- 参数可以传递一个负值,如果是负值,则从后往前数

- splice()

- 可以用来删除数组中指定元素,并使用新的元素替换

该方法会将删除的元素封装到新数组中返回

- 参数:

1.删除开始位置的索引

2.删除的个数

3.三个以后,都是替换的元素,这些元素将会插入到开始位置索引的前边

- 遍历数组

- 遍历数组就是将数组中元素都获取到

- 一般情况我们都是使用for循环来遍历数组:

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

//数组[i]

}

- 使用forEach()方法来遍历数组(不兼容IE8)

数组.forEach(function(value , index , obj){

});

forEach()方法需要一个回调函数作为参数,

数组中有几个元素,回调函数就会被调用几次,

每次调用时,都会将遍历到的信息以实参的形式传递进来,

我们可以定义形参来获取这些信息。

value:正在遍历的元素

index:正在遍历元素的索引

obj:被遍历对象

觉得可用,就经常来吧!Javascript技巧 脚本宝典 欢迎评论哦!&nbsp;js技巧,巧夺天工,精雕玉琢。小宝典献丑了!

脚本宝典总结

以上是脚本宝典为你收集整理的js实例教程-JS数组(Array)操作详解全部内容,希望文章能够帮你解决js实例教程-JS数组(Array)操作详解所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。