JavaScript 数组常用方法详解:创建、操作与排序

作者:异步漫步

时间:2026-10-24

浏览:241

本文系统介绍 JavaScript 中 Array 对象的常用操作方法。涵盖数组的两种创建方式,以及 length、toString、join、split 等基础属性与方法。重点解析 push、pop、shift、unshift 等栈与队列操作,concat、slice、splice 等元素增删改,以及 reverse 和 sort 排序算法的实际应用与注意事项。

文章目录

JavaScript 数组的创建与基础方法

在 JavaScript 中,创建带有初始值的 Array 对象主要有两种常见方式。


第一种是使用构造函数:var aColor=new Array('red','black','yellow');


调用 toString() 方法可输出数组内容,例如:alert(aColor.toString()); // 输出结果为:red,black,yellow


第二种是使用字面量语法:var aColor=['red','black','blue'];


同样调用 toString() 方法,例如:alert(aColor.toString()); // 输出结果为:red,black,blue


2. length 属性用于获取数组的长度。


3. toString() 方法用于输出数组中的所有元素。


示例代码:alert(aColor.toString()); // 输出结果为:red,black,yellow


4.valueOf():同3


5. join() 方法用于将数组元素通过指定的连接符拼接成字符串并返回。


例如:alert(aColor.join("->")); // 输出结果为:red->black->yellow


// (string) 6. split() 方法用于将字符串分割为字符数组。其中 split(" ") 可将字符串按空格分割为单个字符数组,例如字符串 "str" 会被分割为 s, t, r。


7. concat() 方法用于将参数附加到数组末尾,返回一个新的 Array 对象。


数组元素的合并与截取

示例代码如下:


var aColor=new Array('red','black','yellow');


var aColorCon=aColor.concat("1","2");


alert(aColorCon.toString()); // 输出结果为:red,black,yellow,1,2


8. slice() 方法用于返回包含指定项的新数组。


9. push() 和 pop() 方法:push() 用于在数组末尾添加一个项,pop() 用于删除最后一个数组项并返回该项的值。


数组的栈操作与队列操作

示例代码如下:


var aColor=new Array('red','black','yellow');


aColor.push("blue");


aColor.push("white");


alert(aColor.toString());


aColor.pop();


alert(aColor.toString());


10. shift() 方法用于删除数组中的第一个项。


11. unshift() 方法用于向数组开头添加一项,原有各项向后移动。


示例代码如下:


var aColor=new Array('red','black','yellow');


aColor.shift();


alert(aColor.toString());


aColor.unshift("red");


alert(aColor.toString());


12. reverse() 方法用于颠倒数组项的顺序。


13. sort() 方法用于对数组项进行升序排序。


数组的排序与反转

示例代码如下:


var aColor=new Array('red','black','yellow');


aColor.sort();


alert(aColor);


数组元素的增删改操作

alert(aColor.reverse());

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章