JavaScript数组创建与核心方法详解

作者:异步漫步

时间:2026-10-30

浏览:528

本文详细介绍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()使用方法的介绍即为全部内容,希望能为大家提供参考,也希望大家多多支持本站。

实用工具推荐

电子包浆

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

使用 ›
图片压缩

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

使用 ›
相关文章