JavaScript数组基础操作详解:定义、排序、连接与增删改

作者:代码拾荒

时间:2026-10-23

浏览:79

本文详细解析JavaScript数组的基本操作,涵盖数组定义与长度管理、sort排序函数的默认行为与自定义比较器、concat与join连接方式,以及push、pop、unshift、shift和splice等元素的添加、删除与替换技巧,提供完整代码示例供参考。

文章目录

本文通过具体实例介绍JavaScript中数组的基础操作方法,旨在为读者提供实用的参考代码与说明。

数组定义与长度管理

一、数组定义

1、定义


vara=[1,2,3]
vara=newArray(1,2,3);

2、长度

返回长度


<script>
 vara=[1,2,3,4,5,6];
 alert(a.length);
</script>

设置长度


<script>
 vara=[1,2,3,4,5,6];
 a.length=2;
 alert(a);
</script>

二、数组连接


<script>
 vara=[1,2,3];
 varb=[4,5,6];
 alert(a.concat(b));
 alert(b.concat(a));
</script>

数组排序与连接技巧

三、数组排序

利用sort()函数进行排序

在默认情况下,数组元素会按照字符串的字典顺序进行排序。

例子 01


<script>
 vararr=['float','width','alpha','zoom','left'];
 arr.sort();
 alert(arr);
</script>

例子02


vararr=[12,8,99,19,112];
arr.sort();
alert(arr);

例子03

对sort()函数的改进


vararr=[12,8,99,19,112];
arr.sort(function(n1,n2){
 returnn1-n2;
});
alert(arr);

四、数组连接

1、两个数组间的连接:使用contact()方法


<script>
 vara=[1,2,3];
 varb=[4,5,6];
 alert(a.concat(b));
 alert(b.concat(a));
</script>

2、数组元素间的连接:使用join()方法


<script>
 vararr=[1,2,3,4];
 alert(arr.join('--p'));
</script>

数组元素的增删改操作

五、数组元素添加、删除

1、数组尾部的添加、删除

尾部添加:使用push(value)方法

例子01


<script>
 vara=[1,2,3];
 a.push(4);
 alert(a);
</script>

尾部删除:使用pop()方法

例子02


<script>
 vara=[1,2,3];
 a.pop();
 alert(a);
</script>

2、数组头部的添加、删除

头部添加 使用unshift(value)方法

例子01


<script>
 vararr=[1,2,3];
 arr.unshift(0)
 alert(arr);
</script>

头部删除:使用shift()方法

例子02


<script>
 vararr=[1,2,3];
 arr.shift();
 alert(arr);
</script>

3、数组------使用splice()方法

删除数据

例子01


<script>
 vararr=[1,2,3,4,5,6];
 //splice(起点,长度)
 arr.splice(2,3);
 alert(arr);
</script>

插入数据

例子02


<script>
 vararr=[1,2,3,4,5,6];
 //插入数据splice(起点,长度,元素)
 arr.splice(2,0,'a','b','c');
 alert(arr);
</script>

替换数据

例子02


<script>
 vararr=[1,2,3,4,5,6];
 //替换数据
 arr.splice(2,2,'a','b');
 alert(arr);
</script>

感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具:http://tools.jb51.net/code/HtmlJsRun测试上述代码运行结果。

更多关于JavaScript相关内容还可查看本站专题:《JavaScript数组操作技巧总结》、《JavaScript字符与字符串操作技巧总结》、《JavaScript遍历算法与技巧总结》、《JavaScript排序算法总结》、《JavaScript查找算法技巧总结》、《JavaScript数学运算用法总结》、《JavaScript数据结构与算法技巧总结》及《JavaScript错误与调试技巧总结》

希望本文所述对大家JavaScript程序设计有所帮助。

实用工具推荐

电子包浆

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

使用 ›
图片压缩

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

使用 ›
相关文章