JavaScript数组对象常用操作方法详解
本文汇总了JavaScript中数组对象的常用操作方法，涵盖数组的创建、遍历、连接、增删元素、排序、截取及类型转换等核心功能。详细解析了push、pop、shift、splice、sort、slice等方法的参数、返回值及对原数组的影响，帮助开发者掌握数组处理技巧。
JavaScript数组操作方法概览
JavaScript中数组对象提供了丰富的操作方法，以下是具体功能的整理：
数组的创建与遍历
1. 数组的创建方式
var array1 = [1,2] //方法一
var array2 = new Array() //方法二
array[0] = 1;
array[1] = 2;2. 数组的遍历方法：包括for循环和for...in循环
var array1 = [1,2];
var l = array1.length;
//for循环
for(var i=0;i< l;i++){
console.log(array1 [i]);
}
//for...in 循环
for (x in array1 ){
console.log(array1 [x]);
}数组的连接与合并
3. concat()：用于连接两个或多个数组。返回的是一个新数组,不影响原数组（concat可合并多个数组，将数组中的元素提取出来进行合并，也可以直接合并单个元素）
var arr = [1];
var arr1 = ["herry"]
var arr3 = arr.concat(arr1); //[1,"herry"]数组元素的增删操作
4. push()：向数组末尾添加一个或多个元素，该方法会改变原数组，并遵循栈结构的先进后出特性，返回值是数组新的长度。unshift()方法用于向数组头部添加元素，用法类似push，但因IE浏览器兼容性问题，通常不推荐使用。
var arr = [1];
var arr1 = "herry";
var arr2 = ["herry"];
//注意向数组中追加的是元素
var l = arr.push(arr1);
console.log(l); //2
console.log(arr) //[1,"herry"]
//数组会以数组形式追加到尾部
var l = arr.push(arr2);
console.log(l); //3
console.log(arr) //[1,"herry",Array(1)["herry"]]5. pop()：删除数组最后一个元素，该方法会改变原数组，删除元素后数组长度减1，返回值是删除的元素的值。若数组为空，则不执行删除操作，返回undefined。shift()方法用于删除第一个元素，用法同pop（pop意为取出，shift意为转移，均涉及改变原数组）。
var arr = [1,"herry"];
var del = arr.pop() ;
console.log(del); //"herry"
console.log(arr.length); //1数组的排序与截取
6. sort()：对数组进行排序，改变的是原数组元素顺序。默认按字符编码排序，因此在处理数字排序时需自定义比较函数。
function sortNumber(a,b)
{
return a - b
}
var arr = new Array(6)
arr[0] = "10"
arr[1] = "5"
arr[2] = "40"
arr[3] = "25"
arr[4] = "1000"
arr[5] = "1"
document.write(arr + "<br />") //10,5,40,25,1000,1
document.write(arr.sort(sortNumber)) //1,5,10,25,40,10007. slice(start, end)：数组截取函数，start为必需参数，end为可选参数，两者均可接受负数，返回的是start到end（不包括end）之间的元素，返回新数组，不影响原来数组 （slice意为切开）。
var arr = [1,2,3,4,5,6];
arr.slice(2); //[3,4,5,6]
console.log(arr); //[1,2,3,4,5,6]8. splice(index, howmany, item1, ..., itemX)：用于删除或添加数组元素，会操作原数组，返回的是含有被删除的元素的数组。index为必需参数，表示起始位置；howmany为必需参数，表示删除的数量（可为0，即不执行删除）；后续参数为添加到数组并替代index位置的新元素。
var arr = [1,2,3,4,5,6];
console.log(arr); //[1,2,3,4,5,6]
arr.splice(2,3,"William")
console.log(arr); // [1,2,"William",6]数组的顺序反转与类型转换
9. reverse()：颠倒数组元素的顺序，改变原数组。
var arr = [1,2,3];
arr.reverse(); //[3,2,1]10. join()：将数组转换为字符串，返回值为字符串，默认分隔符为逗号“,”。
var arr = [1,2,3];
arr.join("-"); //"1-2-3"11. toString()：将数组转换为字符串，返回值为逗号隔开的字符串格式。
以上介绍了JavaScript数组对象的主要操作方法，希望能对大家有所帮助。如有任何疑问，欢迎留言交流，小编会及时回复。感谢大家对本站的支持！
JS合并多个数组的三种方法：concat、spread与flat
2026-11-05 17:39:45
JavaScript怎么准确判断数据类型：typeof、instanceof与Object.prototype.toString
2026-11-05 17:09:21
JS中将数组和对象混合组装为JSON字符串
2026-11-05 16:41:42
JS运算符优先级与结合性的区别是什么？
2026-11-05 13:22:02
JS Map怎么只遍历Key或Value
2026-11-05 13:00:36