教程集 www.jiaochengji.com
教程集 >  脚本编程  >  javascript  >  正文 js数组操作(js数组创建、js数组访问等)

js数组操作(js数组创建、js数组访问等)

发布时间:2015-06-22   编辑:jiaochengji.com
本文详细介绍了js数组操作的方法,包括js数组添加元素、js数组删除元素,以及js数组定义、js数组遍历的相关内容,有需要的朋友参考下。

1、js数组的创建与定义

在js中定义数组,可以使用如下几种方法:
 

var arrayObj = new Array(); //创建一个数组
var arrayObj = new Array([size]); //创建一个数组并指定长度,注意不是上限,是长度
var arrayObj = new Array([element0[, element1[, ...[, elementN]]]]); //创建一个数组并赋值

第二种方法创建数组指定了长度,但实际上所有情况下数组都是变长的,即使指定了长度为5,仍然可以将元素存储在规定长度以外的,注意:这时长度会随之改变。

2、js数组元素的访问
如何访问js数组中的元素呢?使用数组索引即可轻松访问。

例如:
 

复制代码 代码示例:
var testGetArrValue=arrayObj[1]; //获取数组的元素值
arrayObj[1]= "这是新值"; //给数组元素赋予新的值

3、js数组添加元素
如何为js数组添加元素,有如下几种方法:
 

复制代码 代码示例:
arrayObj. push([item1 [item2 [. . . [itemN ]]]]);// 将一个或多个新元素添加到数组结尾,并返回数组新长度
arrayObj.unshift([item1 [item2 [. . . [itemN ]]]]);// 将一个或多个新元素添加到数组开始,数组中的元素自动后移,返回数组新长度
arrayObj.splice(insertPos,0,[item1[, item2[, . . . [,itemN]]]]);//将一个或多个新元素插入到数组的指定位置,插入位置的元素自动后移,返回""。

4、js数组删除元素
如何删除js数组中的元素?有以下方法供参考,常用的是pop、shift方法。
 

复制代码 代码示例:
arrayObj.pop(); //移除最后一个元素并返回该元素值
arrayObj.shift(); //移除最前一个元素并返回该元素值,数组中元素自动前移
arrayObj.splice(deletePos,deleteCount); //删除从指定位置deletePos开始的指定数量deleteCount的元素,数组形式返回所移除的元素

5、js数组截取与合并
在js数组中实现元素的截取与合并,分别采用slice与concat方法。

js截取数组:
 

复制代码 代码示例:
arrayObj.slice(start, [end]); //以数组的形式返回数组的一部分,注意不包括 end 对应的元素,如果省略 end 将复制 start 之后的所有元素。

js合并数组:
 

复制代码 代码示例:
arrayObj.concat([item1[, item2[, . . . [,itemN]]]]); //将多个数组(也可以是字符串,或者是数组和字符串的混合)连接为一个数组,返回连接好的新的数组

6、js数组的拷贝
 

复制代码 代码示例:
arrayObj.slice(0); //返回数组的拷贝数组,注意是一个新的数组,不是指向
arrayObj.concat(); //返回数组的拷贝数组,注意是一个新的数组,不是指向

7、js数组元素的排序
对js数组元素进行排序是很常见的,正序排序使用sort,逆序排序则使用reverse。
 

复制代码 代码示例:
arrayObj.reverse(); //反转元素(最前的排到最后、最后的排到最前),返回数组地址
arrayObj.sort(); //对数组元素排序,返回数组地址

8、数组元素的字符串化
 

复制代码 代码示例:
arrayObj.join(separator); //返回字符串,这个字符串将数组的每一个元素值连接在一起,中间用 separator 隔开。
toLocaleString 、toString 、valueOf:可以看作是join的特殊用法,不常用。

以上重点介绍了js数组操作的常用方法,有了以上的基础知识,对于js数组操作来讲,已经算是入门了。

您可能感兴趣的文章:
js数组操作(js数组创建、js数组访问等)
JS array 数组用法详解
js数组操作基础及属性介绍
js数组用法完全教程
javascript数组操作实例详解
jquery下json数组的操作实现代码
php为js数组赋值方法
js数组声明与数组遍历的方法
js数组赋值小例子
理解JavaScript中的面向对象

关键词: js数组   
[关闭]
~ ~