本文系统总结了JavaScript中常用的数组操作方法，涵盖数组与字符串的相互转换、数组去重技巧，以及concat、join、pop、push、reverse、shift、slice、sort、splice、toString、toLocaleString、unshift和valueOf等核心API的功能说明与使用示例，帮助开发者高效处理数组数据。
在日常前端开发中，原生JavaScript的数组操作十分频繁。为了便于后续查阅与应用，本文对工作期间常用到的JavaScript数组方法进行了梳理与总结。
一、数组转字符串
该操作旨在将数组中的各个元素通过指定的字符连接，最终生成一个完整的字符串。
var a=[1,2,3,4,5,6];
var b=a.join(',');
console.log(b);输出结果为：1,2,3,4,5,6
二、字符串转数组
实现思路是将源字符串依据特定字符进行分割，生成多个子串，并以数组形式返回分割后的结果。
var a = "abc,abcd,aaa";
var b= a.split(",");// 在每个逗号(,)处进行分解。
console.log(b);输出结果为：["abc", "abcd", "aaa"]
三、数组去重
Array.prototype.duplicateRemoval = function () {
var n = []; //一个新的临时数组
for (var i = 0; i < this.length; i++) //遍历当前数组
{
//如果当前数组的第i已经保存进了临时数组，那么跳过，
//否则把当前项push到临时数组里面
if (n.indexOf(this[i]) == -1) n.push(this[i]);
}
return n;
}
var a=[1,1,2,2,3,4,5,5,7,7];
a.duplicateRemoval();输出结果为：[1, 2, 3, 4, 5, 7]
Array 对象方法
concat()
该方法用于连接两个或多个数组，并将连接后的新数组作为结果返回。
var arr1=["张三","李四","王五"];
var arr2=["Tom","Jack","TM"];
arr1.concat(arr2);输出结果为：["张三", "李四", "王五", "Tom", "Jack", "TM"]
join()
此方法将数组的所有元素合并为一个字符串，元素之间使用指定的分隔符进行分隔。
var arr1=["张三","李四","王五"];
var arr2=arr1.join(',');
console.log(arr2);输出结果为：张三,李四,王五
pop()
用于移除并返回数组的最后一个元素。
var arr1=["张三","李四","王五"];
arr1.pop();
console.log(arr1);输出结果为：["张三", "李四"]
push()
该方法向数组末尾添加一个或多个元素，并返回更新后的数组新长度。
var arr1=["张三","李四","王五"];
arr1.push("赵六");
console.log(arr1);输出结果为：["张三", "李四", "王五", "赵六"]
reverse()
用于反转数组中元素的排列顺序。
var arr1=["张三","李四","王五"];
var arr2=arr1.reverse();
console.log(arr2);输出结果为：["王五", "李四", "张三"]
shift()
用于移除并返回数组的第一个元素。
var arr1=["张三","李四","王五"];
arr1.shift();
console.log(arr1);输出结果为：["李四", "王五"]
slice()
该方法从已有数组中截取并返回指定的元素子集。
var arr1=["张三","李四","王五"];
var arr2=arr1.slice(1,2);
console.log(arr2);输出结果为：["李四"]
sort()
用于对数组元素进行排序操作。
var arr1 = [11,2,28,4,5,1];
var arr2 = arr1.sort(function(a,b){
return a-b;
})
console.log(arr2); 输出结果为：[1, 2, 4, 5, 11, 28]
splice()
此方法用于删除数组中的元素，并支持在删除位置添加新元素。
var arr1=["张三","李四","王五"];
var arr2=arr1.splice(1,1,"赵六");
console.log(arr1);输出结果为：["张三", "赵六", "王五"]
toString()
将数组转换为字符串，并返回转换后的结果。
var arr1=["张三","李四","王五"];
var arr2=arr1.toString();
console.log(arr2);输出结果为：张三,李四,王五
toLocaleString()
将数组转换为本地格式的字符串，并返回结果。
var arr1=["张三","李四","王五"];
var arr2=arr1.toLocaleString();
console.log(arr2);输出结果为：张三,李四,王五
unshift()
该方法向数组开头添加一个或多个元素，并返回更新后的数组新长度。
var arr1=["张三","李四","王五"];
arr1.unshift("第一个");
console.log(arr1);输出结果为：["第一个", "张三", "李四", "王五"]
valueOf()
返回数组对象的原始值。
var arr1=["张三","李四","王五"];
var arr2=arr1.valueOf();
console.log(arr2);输出结果为：["张三", "李四", "王五"]
至此，关于JavaScript数组操作的常用方法介绍完毕。希望这些内容能对各位的学习与开发工作提供实际帮助，欢迎持续关注本站获取更多技术分享。