JavaScript中数组的操作方法以及案例

JavaScript中数组的操作方法以及案例（博客最全）

一系列数据的集合成为数组。数组的元素可以为任何类型的数据（包括数组，函数等），每个元素之间用逗号隔开，数组格式：[1,2,3]。

1、数组的数据创建方式_Array Define

在JavaScript中，我们对于数据的类型，不是特别关注，这也是JavaScript这个语言比较灵活的一点，可以“解放”前端程序员（解放不可能的），让我们更加专注于其他的工作（写bug，修bug，提交bug）。

所以引出了第一种定义方式：

① 直接定义（直接var一个）

var arr = [];// 创建空数组
// 或者
var arr01 = [0,1,2];// 可以直接创建一个带有数据的数组

② 构造函数创建

var arr = new Array(); //创建空数组[]
var arr = new Array(3); //创建长度为3的数组（数组项都为undefined）
var arr = new Array('路飞',18,'男' ); //创建数组并写入数组元素 ['路飞',18,'男']

比较两者之间的区别——var arr = [ ] 和 new Array( )

本质区别不大，一种直接定义，一种是通过JavaScript的内置对象来定义。一般用第1种，声明长度比较大的数组 用 new Array(100)。

经过查看与对比，在各种对外公开的JS大型开源类库的代码中，new Array()方法基本看不到。

使用new关键字的方法会在内存中开辟一些空间，用来记录与存储该变量，也就是这是一个实例化过程。

简单理解，Array()是一个对象，[]是一个数据原型。使用new Array()系统每次都会新生成一个对象（浏览器每生成一个对象都会耗费资源去构造他的属性和方法），他的子集是[]；

END：个人建议，使用[ ]方式，效率更高。

2、数组的操作方法：对于数组增删改插查

（1）数组增加的方法

① push()：向数组的末尾添加一个或多个元素，并返回新的长度

var arr= ["1", "2", "3", "4"];
arr.push("5")
console.log(arr)// ["1", "2", "3", "4","5"]

② unshift( )向：数组开头添加一个或者多个元素

var arr= ["1", "2", "3", "4"];
arr.unshift("5")
console.log(arr)// ["5","1", "2", "3", "4"]

③ pop()：用于删除数组的最后一个元素并返回删除的元素，此方法改变数组的长度！

var arr= ["1", "2", "3", "4"];
arr.pop()
console.log(arr)// ["1", "2", "3"]

④ shift()用于把数组的第一个元素从其中删除，并返回第一个元素的值。

var arr= ["1", "2", "3", "4"];
arr.shift()
console.log(arr)// ["2", "3","4"]

总结下：push（）

未完待续……