JavaScript 数组常用方法详解:创建、操作与排序
本文系统介绍 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());
D3.js 比例尺与坐标轴的配置详解
2026-11-05 16:54:46
JavaScript怎么遍历对象的Symbol键和不可枚举属性
2026-11-05 13:13:39
封装一个健壮的JS字符串判空工具函数
2026-11-05 12:16:14
JavaScript合并数组的三种常用方法:concat、扩展运算符与push
2026-11-05 11:22:29
JavaScript立即执行函数(IIFE)是什么及基本语法
2026-11-05 10:51:19
