多语言展示
当前在线:1344今日阅读:86今日分享:14

js中数组的方法

在进行前端开发的过程中,JS是避免不了的语言,而其中的数组是使用很频繁的特性。所以掌握数组操作的相关方法以及技巧便显得尤为重要,本篇经验将与大家一起分享JS数组中的一些方法。
工具/原料

Sublime Text3

方法/步骤
1

安装一个编写静态页面的工具,我这里用的是Sublime Text3当然你也可以选择其他的工具,比如editplus等编辑工具。

2

先来看一下JS怎么创建数组,JS创建一个数组有3种方式,创建一个空数组,创建一个带长度的空数组,创建一个数组并赋值,代码如下:

3

数组创建好了,下面就看一下怎么访问数组中的元素,很显然通过下表来访问了,比如上面的arrObj3数组我要得到aabbcd这个字符串,就可以如下方式访问:

4

下面是怎么向一个已经创建好的数组中添加元素,这里面用到了push,unshift,slice三个方法他们的意思分别为,push:将一个或多个新元素添加到数组结尾;unshift:将一个或多个新元素添加到数组开始;splice:将一个或多个新元素插入到数组的指定位置。代码如下:

5

学会了添加以后我们就来学一下怎么删除数组中的元素,也是三个方法:pop,shift,splice。他们的意思分别为:pop:移除最后一个元素并返回该元素值;shift:移除最前一个元素并返回该元素值;splice:删除从指定位置startPos开始的指定数量count的元素。代码如下:

6

下面继续来看数组的截取,合并与拷贝的应用,分别为以下函数:slice,concat。我们来解释一下,arrObj.slice(start,[end]):截取数组arrObj,start到end之间的内容,如果end没有就是截取start之后的内容;arrObj.concat(item1):连接arrObj与item1两个数组;arrObj.slice(0):返回拷贝数组;arrObj.concat():返回拷贝数组。使用如下:

7

最后我们来看一下排序以及join函数的应用,排序的话主要有reverse(),sort()函数,各自的定义为,reverse():反转元素,sort():对数组元素排序,join(separator):字符串中的字符以分隔符连在一起,下面看一下例子:

8

以上就是js数组的一些操作方法,很简单,大家自己练习一遍就会熟悉了,喜欢的点个赞哦

注意事项

喜欢的点个赞哦

推荐信息