JavaScript 数组常用操作方法详解

作者:木棉时间:2026-10-23 23:43:51浏览:409

本文详细介绍JavaScript中数组的九种核心操作方法。涵盖concat合并数组、join与toString转换字符串、pop与shift移除元素、push与unshift添加元素、reverse反转数组、slice截取片段、sort排序及splice增删改。通过语法说明与实例演示,帮助开发者掌握数组处理技巧,提升代码效率。

concat方法:合并数组

1、concat方法\n[作用] 将多个数组联合起来,这个方法不会改变现存的数组,它只返回了所结合数组的一份拷贝。\n[语法] arrayObj.concat(array1,array2,...)\n[实例]

  

[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]


2、join方法,

join方法:数组转字符串

[作用] 将原有数组对象转换成1个字符串,可以用指定分隔符进行串联。


[语法] arrayObj.join(separator),separator为分隔符,默认为“,”。


[实例]


  

[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]


3、pop、shift方法

pop与shift方法:移除元素

[作用] pop方法删除和返回数组中最后一个元素,同时,数组的长度发生变化。与之相对的是shift()方法,删除和返回数组第一个元素。


[语法] arrayObj.pop|shift()


[实例]


  

[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]


4、push、unshift方法

push与unshift方法:添加元素

[作用] 向数组的末尾添加一个或多个元素并且返回新的长度。同时,数组的长度将会被改变,与之相对应的是unshift方法。注意,方法的返回值并不是新的数组,而是新数组的长度。


[语法] arrayObj.push|unshift(ele1,ele2,ele3,...)


[实例]


  

[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]


5、reverse方法

reverse方法:反转数组

[作用] 把数组中的元素排列次序颠倒过来。


[语法] arrayObj.reverse()


[实例]


  

[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]


6、slice方法

slice方法:截取数组片段

[作用] 可将现存数组中选种的元素返回。


[语法] arrayObj.slice(startposition,endposition),第一个参数为必选,第二个为可选,如不写,则默认为从startposition到最后一个元素。注意,包含startposition这个位置的元素,而不包括endposition。


[实例]


  

[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]


7、sort方法

sort方法:数组排序

[作用] 用来对数组元素进行排序。


[语法] arrayObj.sort(sortRule())。参数可选,代表排序的方法。特别说明,sort排序有几个基本原则,第一,默认按照字母顺序排列;第二,大写字母排在小写字母之前。基与此,对于数字排序,需要自己写排序方法。


[实例]


  

[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]


8、splice方法

splice方法:增删改元素

[作用] 向数组删除并加入新的元素。


[语法] arrayObj.splice(index,number,ele1,ele2...)。index为索引位置,必须为数字,代表从哪个位置插入或者删除元素。number,代表从index位置往后删除的元素个数,如果为“0”则表示在index插入新元素,不删除往后的数组元素。(说得太混了~~~直接看代码实例)


[实例]


  

[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]


9、toString方法

toString方法:数组转字符串

[作用] 使用率非常高的方法,直接将数组类型对象转换成字符串类型对象。


[语法] arrayObj.toString()


[实例]


  

[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]


注意:新的字符串是原数组连接而成,但是中间有“,”分隔,如想去掉“,”,可以这样写:


  

[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]

作者最新文章