多语言展示
当前在线:176今日阅读:176今日分享:34

如何操作JavaScript Array 数组对象

编写js代码时,时常用到数组对象,数组对象的作用是:使用单独的变量名来存储一系列的值。下面介绍一些操作JavaScript 数组对象的一些基本方法。
方法/步骤
1

使用数组前首先需要创建一个数组出来,才可以进一步的进行操作,下面声明一个数组,并且初始化,对数组赋值。创建一个mybooks的数组,对数组进行赋值,例如:

2

数组创建成功后,那么如何输出数组中的元素,需要使用 for...in 声明来循环输出数组中的元素。语法如下:

3

访问页面,查看输出结果,正常输出,在这里顺便介绍一下JavaScript Array对象属性:1.constructor  描述:返回对创建此对象的数组函数的引用。2.length          描述:设置或返回数组中元素的数目。在步骤2中循环用到。3.prototype    描述:使你有能力向对象添加属性和方法。

4

下面介绍一些JavaScript Array 的对象方法,包括一些不常用的(有可能并不全面),首先看一下基本说明:1.concat()  描述:连接两个或更多的数组,并返回结果。2.join()       描述:把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔。3.valueOf()  描述:返回数组对象的原始值4.toString() 描述:把数组转换为字符串,并返回结果。5.toSource() 描述:返回该对象的源代码。6.sort()        描述:对数组的元素进行排序。7.shift()        描述:删除并且返回该数组的第一个元素。8.reverse()   描述:颠倒数组中元素的顺序。9.pop()        描述:删除并返回数组的最后一个元素。10.push()     描述:向数组末尾添加一个或者更多的元素,并返回新的长度。11.concat()  描述:连接两个或者更多的数组,并返回结果。12.XXX         .......更多的大家自己探究

5

这里例举几个如何使用数组对象方法的例子,例如使用concat() 合并两个数组,继续刚才步骤1的代码进行完善,再声明一个数组,如图:

6

直接调用concat()方法,将两个数组合并,array.concat(array2);  如下:

7

输出,查看合并结果,合并成功,怎么样,是不是很简单。

8

例如sort()方法,对数组元素进行排序,定义一个新的数组接收合并后的数组,调用.sort()方法进行排序,如下所示:

9

输出结果,上边是排序前,下边是排序后:

10

其他方法有兴趣大家可以一一去尝试,欢迎指教。

注意事项

有兴趣的话记得点击下方的投票或者收藏哦!

推荐信息