ES5 Array对象详解:创建、属性与常用方法

作者:异步漫步

时间:2026-10-22

浏览:426

本文详细介绍ES5中Array对象的创建语法、核心属性及常用方法。涵盖new Array的使用、length与prototype属性,以及concat、join、pop、push、slice、splice等关键方法的用法与示例,帮助开发者高效操作数组。

文章目录

ES5 Array对象概述

前言

ES5标准引入了许多新特性,掌握这些内容对编写JavaScript代码大有裨益。本文将重点介绍ES5中Array对象的相关知识,供读者参考学习。

Array对象的创建语法

一、创建 Array 对象的语法:


new Array();
new Array(size);
new Array(element0, element1, ..., elementn)

Array对象的属性详解

二、属性

属性 描述
constructor 返回对创建此对象的数组函数的引用
length 设置或返回数组中元素的数目
prototype 允许向对象添加属性和方法

Array对象的常用方法

三、常用方法

方法 描述
concat() 连接两个或更多的数组,并返回结果
join() 把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔
pop() 删除并返回数组的最后一个元素
push() 向数组的末尾添加一个或更多元素,并返回新的长度
reverse() 颠倒数组中元素的顺序
shift() 删除并返回数组的第一个元素
unshift() 向数组的开头添加一个或更多元素,并返回新的长度
slice() 从某个已有的数组返回选定的元素
sort() 对数组的元素进行排序
splice() 删除元素,并向数组添加新元素
valueOf() 返回某个字符串对象的原始值

Array方法实战示例

四、例子


//concat()
let a = [1,2,3]
a.concat(4,5) //[1,2,3,4,5]
//join()
let a = [1,2,3]
a.join() //1,2,3
//slice()
let a = [1,2,3]
a.slice(1) //[2,3]
let a = [1,2,3]
a.slice(1,2) //[2]
//splice()
let a = [1,2,3,4,5]
a.splice(1,1) //[2]
let a = [1,2,3,4,5]
a.splice(1,1,'hzzly') //[2]
a //[1, "hzzly", 3, 4, 5]

总结

总结

以上就是本文的全部内容,希望能为您的学习或工作提供帮助。如有任何疑问,欢迎留言交流,感谢支持。

实用工具推荐

电子包浆

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

使用 ›
图片压缩

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

使用 ›
相关文章