JavaScript数组创建与核心方法详解
本文详细介绍JavaScript中数组的两种创建方式:构造函数与字面量。重点解析Array对象覆盖的toString和valueOf方法,以及join、split等字符串转换技巧。深入讲解concat和slice方法的参数行为与返回值特性,帮助开发者掌握数组操作核心技能。
JavaScript数组创建方式
JavaScript数组创建及concat()、split()、slice()的使用方法
1 var a = new Array();
2 var b=new Array(20);
3 var c= new Array("red","green","white");
alert(b.length) //20
数组具有动态扩展或收缩的特性,其长度可根据实际需求自动调整。
c[3] = "purple";
alert(c.length) //4
若向数组中赋值超过当前长度的索引,数组会自动填充中间的空位。
c[25]="purple" //则从3到24的位置都被填充为null
alert(c.length) //26
此外,还可以使用字面量语法定义数组对象,即通过方括号包裹值,并以逗号分隔各个元素。
var d =["red","green","white"];
alert(d.length) //3
d[25]="purplr"
alert(d.length); //26
需要注意的是,该示例并未显式调用Array类。方括号语法隐含地将值存入Array对象,这种声明方式生成的数组与使用传统构造函数声明的数组完全一致。
数组对象的方法覆盖
Array对象重写了toString()和valueOf()方法,调用时会返回特定的字符串表示形式。
var e =["red","green","white"];
alert(e.toString()); //"red,green,white"
alert(e.valueOf()); //同上
字符串与数组的转换方法
join()方法用于将数组元素连接为字符串。
alert(e.join("-spring-")) //"red-spring-green-spring-white"
split()方法允许String类型转换为数组形式。
var s="a,b,c";
var sS=s.split(",");//返回3个数组
通过指定空字符串作为分隔符,可以实现对字符串的逐字符解析。
var s="green"
var ss=s.split("")
alert(ss.toString()) //返回“g,r,e,e,n”
数组连接与切片操作
Array对象继承了String类的两个方法:concat()和slice()。concat()处理数组的方式与处理字符串类似,参数会被附加到数组末尾,该方法返回一个新的Array对象。
slice()方法与String的slice()行为一致,返回包含特定项的新数组。若仅传入一个参数,则返回从该位置开始至数组末尾的所有项;若传入两个参数,则返回起始位置与结束位置之间的所有项,但不包含结束位置对应的项。
var s=["a","b","c"];
var scon=s.concat("d","e");
alert(scon.toString()) //"a,b,c,d,e"
alert(s.toString()) //"a,b,c"
var s1=s.slice(1) //s1为“b,c”
var s2=s.slice(0,2) //s2为“a,b”
以上关于JS Array创建及concat()、split()、slice()使用方法的介绍即为全部内容,希望能为大家提供参考,也希望大家多多支持本站。
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
