JS中的数组就是一个有序列表的集合，用于存放多个值。

特点：

1. 每一项都可以存放任意类型的数据
2. 数组大小可以动态调整
3. 数组的length特性：可读可写。可以通过设置length的值从数组末尾移除或添加新的项

数组的创建 

首先来了解数组的创建：

• 使用数组字面量创建
• 使用Array构造函数 

 字面量创建：

用一对  [] 包裹起来，里面是数组里面的元素，元素之间用" , " 隔开

可以通过数组下标获取对应数据，也可以指定在任意索引位置添加一个数据，用length获取数组长度。

构造函数创建

// 构造函数的形式创建一个数组
// 括号里如果是一个number类型的整数 则代表数组长度
// var arr2 = new Array(length)
// 如果是number类型的小数，则报错。
var arr2 = new Array(7);
var ages = new Array("2.4"); // ERROR
// 两个参数或者多个参数,当做数组元素放进去
var names = new Array('doggy','cuitee')
//创建一个数组，数组中的元素使用实参初始化

数组访问

访问数组元素

数组变量名[索引]

//如果索引小于数组的长度，返回对应项的值
var arr = ["piggy","doggy","kitty"];
arr[0] ;  //访问数组中第一个元素,返回值为piggy

//如果索引大于等于数组的长度，返回undefined
var arr = ["piggy","doggy","kitty"];
arr[5] ;  //undefined

//如果给索引大于等于数组的长度的位置设置了值，
// 数组自动增加到该索引值加1的长度
var arr = ["piggy","doggy","kitty"];
arr[3] = 'zzy';  //添加元素,数组长度变为4

1.  [index] 直接访问,索引可以超过索引范围，只不过访问的值为undefined
2.  length-1=Max(index)
3.  length+N 或 length-N 开辟新的内存空间 或 数组元素的删除

 length-1=Max(index)，索引值为length-1 的就是数组中最后一个元素

// length+N length-N  并不是直接使用length加或减 而是设置新的长度
// 开辟新空间
arr.length = 4
//数组元素删除
arr.length = 2

常用数组API

数组序列化

// 序列化
var fruits = ["Banana", "Orange", "Apple", "Mango"];
console.log(fruits.toString(' ')); // 以逗号分隔字符串的形式返回数组项
console.log(fruits.join(" --- ")); // 使用指定的字符串用来分隔数组字符串
console.log(fruits.join(" "));
console.log(fruits.reverse());  // 倒序输出

数组也可以使用序列化工具进行转换，并且，数组也存在深拷贝浅拷贝的现象，也可以使用序列化工具解决此问题

var result = JSON.stringify(arr);
console.log(result);//”[1,5,2,8,10,{"a":1}]”
console.log(JSON.parse(result));//[ 1, 5, 2, 8, 10, { a: 1 } ]

构造函数的方法

• Array.isArray()

用来判断某个变量是否是一个数组对象

//  Array.isArray()
// 用来判断某个变量是否是一个数组对象
var res = Array.isArray([7]);  
var res1 = Array.isArray(7);  
console.log(res);  //true
console.log(res1);  //false

• Array.from()

从类数组对象或者可迭代对象中创建一个新的数组实例。

var myArr = Array.from("TAYLOR");
console.log(myArr);
//输出结果为["T","A","Y","L","O","R"]

• Array.of()

根据一组参数来创建新的数组实例，支持任意的参数数量和类型。

Array.of(7);       // [7] 
Array.of(1, 2, 3); // [1, 2, 3]

栈与队列方法

• Array.prototype.push()

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

注意：

1. 新元素将添加在数组的末尾。
2. 此方法改变数组的长度。

语法：array.push()；  可添加多个参数，表示要添加到数组的元素

返回值是数组修改后的的新长度，number类型 

var fruits = ["Banana", "Orange", "Apple", "Mango"];
// push()  添加元素到末尾  参数是要添加的元素 返回值是修改之后数组的长度【改变原数组】
fruits.push("Kiwi")
console.log(fruits);
//fruits 结果输出：Banana,Orange,Apple,Mango,Kiwi

• Array.prototype.pop()

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

注意：此方法改变数组的长度！

语法：array.pop()； 不用添加参数，直接将数组末尾一个元素弹出数组。

返回值是删除的那个元素，类型任意。

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.pop();
console.log(fruits);
//fruits 结果输出：Banana,Orange,Apple

• Array.prototype.shift()

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

注意： 此方法改变数组的长度！

语法：array.shift(); 不用添加参数，直接将数组第一个元素弹出数组。

返回值是删除的那个元素，类型任意。

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.shift()
console.log(fruits);
//fruits结果输出:Orange,Apple,Mango

Array.prototype.unshift()

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

注意： 该方法将改变数组的数目。

语法：array.unshift() ；参数值是需要从起始位置添加的元素

返回值是数组修改后的的新长度，number类型 

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.unshift("Lemon","Pineapple");
console.log(fruits)
//fruits 将输出：Lemon,Pineapple,Banana,Orange,Apple,Mango

排序方法

• Array.prototype.reverse()

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

语法:array.reverse(); 

返回值是颠倒后的数组

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.reverse();
console.log(fruits)
//fruits结果输出：Mango,Apple,Orange,Banana

• Array.prototype.sort()  

sort() 方法用于对数组的元素进行排序。如果调用该方法时没有使用参数，将按字母顺序（Ascall编码）对数组中的元素进行排序，说得更精确点，是按照字符编码的顺序进行排序。要实现这一点，首先应把数组的元素都转换成字符串（如有必要），以便进行比较。如果要想进行升序或是降序排序的话，要提供比较函数。

排序顺序可以是字母或数字，并按升序或降序。

默认排序顺序为按字母升序

 语法：array.sort(sortfunction)；里面的参数是排序函数，默认按字母顺序排列

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.sort();
console.log(fruits)
//fruits 输出结果：Apple,Banana,Mango,Orange

注意：当数字是按字母顺序排列时"40"将排在"5"前面。

使用数字排序，你必须通过一个函数作为参数来调用。

函数指定数字是按照升序还是降序排列。

无论a>b还是b>a，return a-b 总能得到升序的结果，而 return b-a 总能得到降序的结果。

• 数字排序（升序）：

var points = [40,100,1,5,25,10];
points.sort(function(a,b){
	return a-b
});
//points输出结果：1,5,10,25,40,100

• 数字排序（降序）：

var points = [40,100,1,5,25,10];
points.sort(function(a,b){
	return b-a
});
//fruits输出结果：100,40,25,10,5,1

操作方法

• Array.prototype.concat()

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

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

语法：array.concat();参数可以是具体的值，也可以是数组对象。可以是任意多个。

返回值是一个新的数组。该数组是通过把所有 arrayX 参数添加到 arrayObject 中生成的。如果要进行 concat() 操作的参数是数组，那么添加的是数组中的元素，而不是数组。

  如图将三个数组的值合并：

• Array.prototype.slice()

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

slice()方法可提取字符串的某个部分，并以新的字符串返回被提取的部分。

语法：array.slice(start,end);里面的第一个参数代表从何处开始选取，如果该参数为负数，则表示从原数组中的倒数第几个元素开始提取，slice(-2) 表示提取原数组中的倒数第二个元素到最后一个元素（包含最后一个元素）。第二个参数代表从何处结束选取，如果没有规定该参数，则代表从start位置到数组结束的所有元素。如果该参数为负数， 则它表示在原数组中的倒数第几个元素结束抽取。 slice(-2,-1) 表示抽取了原数组中的倒数第二个元素到最后一个元素（不包含最后一个元素，也就是只有倒数第二个元素）。

返回值是一个新的数组，包含从 start 到 end （不包括该元素）的 arrayObject 中的元素。

• Array.prototype.splice()

splice() 方法用于添加或删除数组中的元素。

注意：这种方法会改变原始数组。

 语法：array.splice(index,howmany,item1,.....,itemX)；

index：必需。规定了从何处开始添加/删除元素，该参数是开始插入或者开始删除的数组元素下标，必须是数字。

howmany:：可选。必须是数字，但可以是 "0"。 规定的是要删除的元素个数，如果该参数没有规定则默认删除从index开始的所有元素。

item， ……，itemX：可选。表示要添加到数组的新元素。

返回值是含有被删除的元素的数组。

从下标3开始删除，删除一个元素，将元素2，2从删除的位置开始添加

 位置方法

•  Array.prototype.indexOf()

indexOf() 方法可返回数组中某个指定的元素位置。

该方法将从头到尾地检索数组，看它是否含有对应的元素。开始检索的位置在数组 start 处或数组的开头（没有指定 start 参数时）。如果找到一个 item，则返回 item 的第一次出现的位置。开始位置的索引为 0。

如果在数组中没找到指定元素则返回 -1。

语法：array.indexOf(item,start); 

item：必需。要查找的元素

start：可选的整数参数。规定开始检索的位置，合法取值是 0 到 stringObject.length - 1。如省略该参数，则将从字符串的首字符开始检索。

返回值是元素在数组中的位置，若没有搜索到则返回-1.

•  Array.prototype.lastIndexOf()

lastIndexOf() 方法可返回一个指定的元素在数组中最后出现的位置，从该字符串的后面向前查找。

如果要检索的元素没有出现，则该方法返回 -1。

该方法将从尾到头地检索数组中指定元素 item。开始检索的位置在数组的 start 处或数组的结尾（没有指定 start 参数时）。如果找到一个 item，则返回 item 从尾向前检索第一个次出现在数组的位置。数组的索引开始位置是从 0 开始的。

语法：array.lastIndexOf(item, start);

item:必需。需要检索的值

start： 可选的整数参数。规定在字符串中开始检索的位置。它的合法取值是 0 到 stringObject.length - 1。如省略该参数，则将从字符串的最后一个字符处开始检索。

返回值是出现的最后一个 检索值 的位置。  

迭代方法

• Array.prototype.every()

every() 方法用于检测数组所有元素是否都符合指定条件（通过函数提供）。

every() 方法使用指定函数检测数组中的所有元素：

如果数组中检测到有一个元素不满足，则整个表达式返回 false ，且剩余的元素不会再进行检测。

如果所有元素都满足条件，则返回 true。

注意：

1. every() 不会对空数组进行检测。
2.  every() 不会改变原始数组。

语法：array.every(function(currentValue,index,arr), thisValue)；

参数： 

function(currentValue, index,arr)

必须。函数，数组中的每个元素都会执行这个函数

thisValue

可选。对象作为该执行回调时使用，传递给函数，用作 "this" 的值。 如果省略了 thisValue ，"this" 的值为 "undefined"

函数参数： 

currentValue：必需。当前元素的值

index：可选。当前元素的索引值

arr：可选。当前元素所属对象

返回值是布尔值。如果所有元素都通过检测返回 true，否则返回 false。

• Array.prototype.some()

some() 方法用于检测数组中的元素是否满足指定条件（函数提供）。

some() 方法会依次执行数组的每个元素：

如果有一个元素满足条件，则表达式返回true , 剩余的元素不会再执行检测。

如果没有满足条件的元素，则返回false。

注意：

1. some() 不会对空数组进行检测。
2.  some() 不会改变原始数组。

语法： array.some(function(currentValue, index, arr), thisValue)；

返回值与各个参数的意义同上一个方法。在此不再赘述。

• Array.prototype.filter()

filter() 方法创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素。

注意

1.  filter() 不会对空数组进行检测。
2.  filter() 不会改变原始数组。 

语法：array.fliter(function(currentValue,index,arr),thisValue)

各个参数的意义同上一个方法。在此不再赘述。

返回值是一个数组，包含了所有满足条件的元素，如果没有满足条件的元素则返回空数组。

• Array.prototype.map()

map() 方法按照原始数组元素顺序依次处理元素。

注意：

1. map() 不会对空数组进行检测。
2.  map() 不会改变原始数组。

语法：array.map(function(currentValue,index,arr),thisValue)

各个参数的意义同上一个方法。在此不再赘述。

返回值是一个新数组，数组中的元素为原始数组元素调用函数处理后的值。

• Array.prototype.forEach()

forEach() 方法用于调用数组的每个元素，并将元素传递给回调函数。

注意: forEach() 对于空数组是不会执行回调函数的。

语法：array.forEach(function(currentValue,index,arr),thisValue)

各个参数的意义同上一个方法。在此不再赘述。