javaScript Array对象

Bertha 。 2021-12-02 00:04 275阅读 0赞

### Array的作用 ###

Array的主要作用就是在单个变量中去存储多个值。

### Array的创建方法 ###

var arr = new Array();
    var arr = new Array(size);
    var arr = new Array(element0, element1, ..., elementn);

第一种创建数组的方法表示构造一个空的数组。

第二种创建方法表示指定长度的创建，但是访问数组的单个元素的时候返回的是undefined。

第三种创建方法会将元素直接放入数组中，数组的长度就是元素的个数。

### Array的参数 ###

array有一个参数*size，是指元素的个数，length表示size的值。*

参数 *element* ..., *elementn* 是参数列表。当使用这些参数来调用构造函数 Array() 时，新创建的数组的元素就会被初始化为这些值。它的 length 字段也会被设置为参数的个数。

![数组参数][20190721100621169.png]

### 数组的返回值 ###

返回新创建并被初始化了的数组。

如果调用构造函数 Array() 时没有使用参数，那么返回的数组为空，length 字段为 0。

当调用构造函数时只传递给它一个数字参数，该构造函数将返回具有指定个数、元素为 undefined 的数组。

当其他参数调用 Array() 时，该构造函数将用参数指定的值初始化数组。

当把构造函数作为函数调用，不使用 new 运算符时，它的行为与使用 new 运算符调用它时的行为完全一样。

### Array对象的属性 ###

**1、constructor**

constructor 属性返回对创建此对象的数组函数的引用。

![constructor][]

**2、length**

length 属性可设置或返回数组中元素的数目。

![20190721101623802.png][]

**3、prototype**

prototype 属性使您有能力向对象添加属性和方法。

### Array对象的方法 ###

**1、concat()**

concat() 方法用于连接两个或多个数组。

该方法不会改变现有的数组，而仅仅会返回被连接数组的一个副本。

![2019072110352794.png][]

**2、join()**

join() 方法用于把数组中的所有元素放入一个字符串。

元素是通过指定的分隔符进行分隔的。

![20190721103851706.png][]

**3、pop()**

pop() 方法用于删除并返回数组的最后一个元素。

![20190721104141306.png][]

**4、push()**

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

![20190721104323646.png][]

**5、reverse()**

reverse() 方法用于颠倒数组中元素的顺序。

![20190721104508943.png][]

**6、shift()**

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

![20190721104638764.png][]

**7、slice()**

slice() 方法可从已有的数组中返回选定的元素。

![20190721104812219.png][]

**8、sort()**

sort() 方法用于对数组的元素进行排序。

![20190721105232842.png][]

**9、splice()**

splice() 方法向/从数组中添加/删除项目，然后返回被删除的项目。

且该方法会改变原始数组。

arrayObject.splice(index,howmany,item1,.....,itemX)

index:必需。整数，规定添加/删除项目的位置，使用负数可从数组结尾处规定位置。

howmany:必需。要删除的项目数量。如果设置为 0，则不会删除项目。

item1, ..., itemX:可选。向数组添加的新项目。

![20190721105826213.png][]

**10、toString()**

toString() 方法可把数组转换为字符串，并返回结果。

![20190721110051389.png][]

**11、toLocaleString()**

把数组转换为本地字符串。

**12、toSource()**

toSource() 方法表示对象的源代码。

该原始值由 Array 对象派生的所有对象继承。

toSource() 方法通常由 JavaScript 在后台自动调用，并不显式地出现在代码中。

**13、unshift()**

unshift() 方法可向数组的开头添加一个或更多元素，并返回新的长度。

![201907211105446.png][]

**14、valueOf()**

valueOf() 方法返回 Array 对象的原始值。

该原始值由 Array 对象派生的所有对象继承。

valueOf() 方法通常由 JavaScript 在后台自动调用，并不显式地出现在代码中。

[20190721100621169.png]: /images/20211201/9dec6025d4cb4d9c8a0ed5edd108e303.png
[constructor]: /images/20211201/4cf602a227a54751b8231ed963076a2a.png
[20190721101623802.png]: /images/20211201/30393aec57594d25bdc6d7407e18e089.png
[2019072110352794.png]: /images/20211201/e1f1ada2ffe9478dafc20661cb2516c9.png
[20190721103851706.png]: /images/20211201/fa08a0dcdac44ab59cb14daca4383490.png
[20190721104141306.png]: /images/20211201/956a8b59f45443e98c5b0f98dd91cc35.png
[20190721104323646.png]: /images/20211201/f0a3fddb3d004e8eae81065be96eae10.png
[20190721104508943.png]: /images/20211201/51ce0c039ef543b8a043977947b7eb76.png
[20190721104638764.png]: /images/20211201/6ba411f5abba4e4b843c701bbee44129.png
[20190721104812219.png]: /images/20211201/9a74e6b163da44a480cac8087fe8a390.png
[20190721105232842.png]: /images/20211201/23dd78a7aa014b2fb1b743772405c54f.png
[20190721105826213.png]: /images/20211201/eb4aa15eaac24e5fb151b73559007a11.png
[20190721110051389.png]: /images/20211201/ba4bdbe4741d4f6f98ae3a4cb7eeb73b.png
[201907211105446.png]: /images/20211201/228cfbc2139949c9a0fa1b64e2ce56d5.png