JavaScript数组常用API详解：增删改查与排序
本文详细解析JavaScript中数组对象的常用API函数，涵盖连接、插入、删除、反转及排序等核心操作。通过concat、join、pop、push、reverse、shift、slice、sort、splice、unshift及toString等方法，结合具体代码示例，帮助开发者掌握数组的高效处理技巧。
本文介绍了JavaScript数组对象中常用的API函数，供读者参考学习。
数组连接与字符串化方法
1. concat()
该方法用于连接两个或多个数组，并返回一个新的数组结果。
var a = [1,2,3];
var b = a.concat(6,7);
console.log(a); //[1,2,3]
console.log(b); //[1,2,3,6,7]
2. join(str)
此方法将数组的所有元素使用指定的字符串str进行分隔，若未指定则默认使用逗号分隔。
var a = [1,2,3]
var b = a.join('|');
console.log(a); //[1,2,3]
console.log(b); //"1|2|3"
数组元素的增删操作
3. pop()
该方法用于删除数组的最后一个元素，并返回被删除元素的值。
var a = [1,2,3];
var b = a.pop();
console.log(a); //[1,2]
console.log(b); //3
4. push()
此方法向数组末尾添加一个或多个元素，并返回更新后的数组长度。
var a = [1,2,3];
var b = a.push('4','5');
console.log(a); //[1,2,3,4,5]
console.log(b); //5
数组顺序调整与截取
5. reverse()
该方法用于反转数组中元素的排列顺序。
var a = [1,2,3,4,5];
var b = a.reverse();
console.log(a); //[5,4,3,2,1]
console.log(b); //[5,4,3,2,1]
6. shift()
此方法用于删除数组的第一个元素，并返回该元素的值。
var a = [1,2,3];
var b = a.shift();
console.log(a); //[2,3]
console.log(b); //1
7. slice(start,end)
该方法从现有数组中选取指定范围的元素，并返回包含这些元素的新数组。
var a = [1,2,3,4,5];
var b = a.slice(0,-1);
var c = a.slice(1,3);
var d = a.slice(1);
var e = a.slice(2,-2);
var f = a.slice(3,1);
console.log(a); //[1,2,3,4,5]
console.log(b); //[1,2,3,4]
console.log(c); //[2,3]
console.log(d); //[2,3,4,5]
console.log(e); //[3]
console.log(f); //[]
数组排序规则详解
8. sort(func)
此方法根据指定的参数对数组进行排序。
注意：func参数必须返回一个数值。
若返回负值，表示第一个参数小于第二个参数，前者排在前面。
若返回零，表示两个参数相等。
若返回正值，表示第一个参数大于第二个参数，前者排在后面。
var a = [1,2,10,3];
var b = a.sort();
console.log(a); //[1,10,2,3]
console.log(b); //[1,10,2,3]
var num = function(x,y) {
return x - y;
}
var c = a.sort(num);
console.log(a); //[1,2,3,10]
console.log(c); //[1,2,3,10]
数组元素的插入与替换
9. splice(start,deleteCount,val1,val2,···)
该方法用于从数组中移除一个或多个元素，并在移除位置插入新元素，同时返回被移除的元素组成的数组。
var a = [1,2,3,4,5];
var b = a.splice(2,2,7,8);
console.log(a); //[1,2,7,8,5]
console.log(b); //[3,4]
10. unshift(val1,val2,···)
此方法将指定元素插入到数组的起始位置，并返回更新后的数组长度。
var a = [1,2,3];
var b = a.unshift(-2,-1);
console.log(a); //[-2,-1,1,2,3]
console.log(b); //5
11. toString()
该方法将数组的所有元素转换为字符串，并使用逗号连接起来。
var a = [1,2,3,4,5];
var b = a.toString();
console.log(a); //[1,2,3,4,5]
console.log(b); //"1,2,3,4,5"
更多关于JavaScript相关内容感兴趣的读者可查看本站专题：《JavaScript数组操作技巧总结》、《JavaScript遍历算法与技巧总结》、《JavaScript数学运算用法总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript切换特效与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript动画特效与技巧汇总》及《JavaScript错误与调试技巧总结》
希望本文所述的JavaScript程序设计知识对大家有所帮助。
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
D3.js 与 ECharts 选型对比：灵活性 vs 开发效率
2026-11-05 09:45:01
为什么JS中typeof []返回object：数组类型检测误区解析
2026-11-04 19:50:47