JavaScript数组常用操作方法详解

在实际开发中，push和pop是最常使用的数组方法，但为了便于后续查阅，这里将其他常用方法一并整理记录。

数组首尾元素操作：shift与unshift

shift方法用于删除原数组的第一项，并返回被删除元素的值；若数组为空，则返回undefined。

var a = [1,2,3,4,5];
var b = a.shift(); //a：[2,3,4,5] b：1

unshift方法用于将参数添加到原数组的开头，并返回新数组的长度。

var a = [1,2,3,4,5];
var b = a.unshift(-2,-1); //a：[-2,-1,1,2,3,4,5] b：7

注意：在IE6.0环境下测试，该方法的返回值始终为undefined，而在FF2.0下测试返回值为7。由于返回值存在浏览器兼容性问题，建议在需要获取返回值时使用splice方法替代。

数组尾部元素操作：pop与push

pop方法用于删除原数组的最后一项，并返回被删除元素的值；若数组为空，则返回undefined。

var a = [1,2,3,4,5];
var b = a.pop(); //a：[1,2,3,4] b：5

push方法用于将参数添加到原数组的末尾，并返回新数组的长度。

var a = [1,2,3,4,5];
var b = a.push(6,7); //a：[1,2,3,4,5,6,7] b：7

数组合并与拼接：concat

concat方法返回一个新数组，该数组由原数组与参数组合而成。

var a = [1,2,3,4,5];
var b = a.concat(6,7); //a：[1,2,3,4,5] b：[1,2,3,4,5,6,7]

数组增删改核心：splice详解

splice(start, deleteCount, val1, val2, ...)：从start位置开始删除deleteCount项，并从该位置起插入val1, val2, ...。

var a = [1,2,3,4,5];
var b = a.splice(2,2,7,8,9); //a：[1,2,7,8,9,5] b：[3,4]
var b = a.splice(0,1); //同shift
a.splice(0,0,-2,-1); var b = a.length; //同unshift
var b = a.splice(a.length-1,1); //同pop
a.splice(a.length,0,6,7); var b = a.length; //同push

---------------------------------------------------

splice详解：

splice函数方法从一个数组中移除一个或多个元素，如果必要，在所移除元素的位置上插入新元素，并返回所移除的元素。

arrayObj.splice( start, deleteCount, [item1[, item2[, . . . [,itemN]]]])

其中arrayObj为必选项，表示一个Array对象。

start是必选项，指定从数组中移除元素的开始位置，这个位置是从0开始计算的。

deleteCount是必选项，表示要移除的元素的个数。

item1, item2, ..., itemN是必选项，表示要在所移除元素的位置上插入的新元素。

JavaScript中splice函数方法可以移除从start位置开始的指定个数的元素并插入新元素，从而修改arrayObj。返回值是一个由所移除的元素组成的新Array对象。

---------------------------------------------------

数组排序与反转：reverse与sort

reverse方法用于将数组反序排列。

var a = [1,2,3,4,5];
var b = a.reverse(); //a：[5,4,3,2,1] b：[5,4,3,2,1]

sort(orderfunction)：按指定的参数对数组进行排序。

var a = [1,2,3,4,5];
var b = a.sort(); //a：[1,2,3,4,5] b：[1,2,3,4,5]

数组截取与连接：slice与join

slice(start, end)：返回从原数组中指定开始下标到结束下标之间的项组成的新数组。

var a = [1,2,3,4,5];
var b = a.slice(2,5); //a：[1,2,3,4,5] b：[3,4,5]

join(separator)：将数组的元素组合成一个字符串，以separator为分隔符，省略的话则用默认用逗号为分隔符。

var a = [1,2,3,4,5];
var b = a.join("|"); //a：[1,2,3,4,5] b："1|2|3|4|5"

以上就是本文的全部内容，希望这些示例能帮助读者更好地理解和应用JavaScript数组操作。