JavaScript数组基础操作详解:定义、排序、连接与增删改
本文详细解析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程序设计有所帮助。
JavaScript入门书籍避坑:这些书不适合初学者
2026-11-05 16:31:15
JS使用Math.round实现保留两位小数的原理与代码
2026-11-05 15:35:55
JavaScript 原生 Date 对象怎么实现日期加减
2026-11-05 14:30:00
JavaScript函数定义的三种方式:声明、表达式与箭头函数
2026-11-05 13:50:55
JavaScript中escape、encodeURI和encodeURIComponent对空格的处理差异
2026-11-05 12:47:23
