【20190228】JavaScript-数组的操作

最新推荐文章于 2025-09-12 16:56:45 发布

superXX07

最新推荐文章于 2025-09-12 16:56:45 发布

阅读量97

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/huangrui-dori/p/10448695.html

本文详细介绍JavaScript数组的各种操作方法，包括创建、访问、修改、添加、删除、截取、合并、拷贝、排序及合并成字符等功能，是前端开发者的实用指南。

1. 创建数组

1 var array = new Array();
2 var array = new Array(5);
3 var array = new Array(1,2,3,"a","b");
4 var array = [1,2,3,"a","b"];

2. 访问与修改

var array[index] = "值";

3. 添加元素

将一个或多个新元素添加到数组未尾，并返回数组新长度

arrayObj. push([item1 [item2 [. . . [itemN ]]]]);

将一个或多个新元素添加到数组开始，数组中的元素自动后移，返回数组新长度

arrayObj.unshift([item1 [item2 [. . . [itemN ]]]]);

将一个或多个新元素插入到数组的指定位置，插入位置的元素自动后移，返回被删除元素数组，deleteCount要删除的元素个数

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

4. 删除元素

移除最后一个元素并返回该元素值

arrayObj.pop();

移除最前一个元素并返回该元素值，数组中元素自动前移

arrayObj.shift();

删除从指定位置deletePos开始的指定数量deleteCount的元素，数组形式返回所移除的元素

arrayObj.splice(deletePos,deleteCount);

5. 截取和合并

以数组的形式返回数组的一部分，注意不包括 end 对应的元素，如果省略 end 将复制 start 之后的所有元素

arrayObj.slice(start, [end]);

将多个数组（也可以是字符串，或者是数组和字符串的混合）连接为一个数组，返回连接好的新的数组

arrayObj.concat([item1[, item2[, . . . [,itemN]]]]);

es6 扩展运算符三个点（...）

将一个数组转为用逗号分隔的参数序列。与splice或push等方法结合，可用于向数组中插入另一个数组。

1 var tmp = [1,2,3];
2 array.push(...tmp);

6. 拷贝

返回数组的拷贝数组，注意是一个新的数组，不是指向

arrayObj.slice(0);

返回数组的拷贝数组，注意是一个新的数组，不是指向

arrayObj.concat();

因为数组是引用数据类型，直接赋值并没有达到真正实现拷贝，地址引用，我们需要的是深拷贝。

7. 排序

反转元素（最前的排到最后、最后的排到最前），返回数组地址

arrayObj.reverse();

对数组元素排序，返回数组地址

arrayObj.sort();

arrayObj.sort(function(obj1,obj2){});

8. 合并成字符

返回字符串，这个字符串将数组的每一个元素值连接在一起，中间用 separator 隔开。

arrayObj.join(separator);

转载于:https://www.cnblogs.com/huangrui-dori/p/10448695.html