1、什么是数组？
数组是一种特殊的变量，它能够一次存放一个以上的值。
2、数组的创建方法
//1、使用数组文本
var cars = ["Saab", "Volvo", "BMW"];
//2、关键词 new
var cars = new Array("Saab", "Volvo", "BMW");
3、访问数组
通过引用索引号（下标号）来引用某个数组元素
var name = cars[0];
//这条语句修改 cars 中的首个元素：
cars[0] = "Opel";
4、数组属性和方法
4.1length 属性
length 属性返回数组的长度（数组元素的数目）。
var fruits = ["Banana", "Orange", "Apple", "Mango"];
console.log(fruits.length); // fruits 的长度是 4
//访问第一个数组元素
console.log( fruits[0]);
//访问最后一个数组元素
console.log(fruits[fruits.length - 1]);
//遍历数组
fruits = ["Banana", "Orange", "Apple", "Mango"];
for(var i=0;i<=fruits.length;i++)
{
console.log(fruits[i])
}
console.log(fruits)
4.2添加数组元素
向数组添加新元素的最佳方法是使用 push() 方法：
var fruits = [ "Apple", "Mango"];
fruits.push("Lemon"); // 向 fruits 添加一个新元素 (Lemon)
console.log(fruits);//["Apple","Mango","Lemon"]
也可以使用 length 属性向数组添加新元素：
fruits[fruits.length] = "aaaa";
console.log(fruits);//["Apple","Mango","Lemon","aaaa"]
数组方法
1、把数组转换为字符串
toString()把数组转换为数组值（逗号分隔）的字符串
var fruits = ["Apple", "Mango"];
console.log(fruits.toString());//Apple,Mango
join() 方法也可将所有数组元素结合为一个字符串。
它的行为类似 toString()，但是您还可以规定分隔符
var fruits = ["Apple", "Mango"];
console.log(fruits.join(" * "));//Apple * Mango
2、pop() 方法从数组中删除最后一个元素：
var arr = new Array("11","22","33")
arr.pop()//删除"33"
3、push() 方法（在数组结尾处）向数组添加一个新的元素：
var arr = new Array("11","22","33")
fruits.push("Kiwi");
console.log(fruits);//["11","22","33","Kiwi"]
4、shift() 方法会删除首个数组元素，并把所有其他元素“位移”到更低的索引。
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.shift(); //从 fruits 删除第一个元素 "Banana"
5、unshift() 方法（在开头）向数组添加新元素，并“反向位移”旧元素：
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.unshift("Lemon"); // 向 fruits 添加新元素 "Lemon"
6、splice() 方法可用于向数组添加新项：
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2, 0, "Lemon", "Kiwi");
console.log(fruits);//["Banana", "Orange", "Lemon", "Kiwi", "Mango"]
//第一个参数（2）定义了应添加新元素的位置（拼接）。
//第二个参数（0）定义应删除多少元素。
//其余参数（“Lemon”，“Kiwi”）定义要添加的新元素。
//splice() 方法返回一个包含已删除项的数组：
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2, 2, "Lemon", "Kiwi");
console.log(fruits);// ["Banana", "Orange", "Lemon", "Kiwi"]
7、concat()合并（连接）数组
//合并n个数组
var a=[1,2,3]
var b=[4,5]
var c=[6,8,4,2]
a.concat(b);
console.log(a.concat(b,c))// [1, 2, 3, 4, 5, 6, 8, 4, 2]
数组排序
1、sort() 方法以字母顺序对数组进行排序：
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.sort(); // 对 fruits 中的元素进行排序
2、reverse() 方法反转数组中的元素
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.sort(); // 对 fruits 中的元素进行排序
fruits.reverse(); // 反转元素顺序
3、数字排序
默认地，sort() 函数按照字符串顺序对值进行排序。
该函数很适合字符串（"Apple" 会排在 "Banana" 之前）。
不过，如果数字按照字符串来排序，则 "25" 大于 "100"，因为 "2" 大于 "1"。
正因如此，sort() 方法在对数值排序时会产生不正确的结果。
我们通过一个比值函数来修正此问题：
var points = [40, 100, 1, 5, 25, 10];
points.sort(function(a, b){return a - b}); //[1, 5, 10, 25, 40, 100]
数组迭代方法
1、Array.forEach()
forEach() 方法为每个数组元素调用一次函数（回调函数）。
var txt = "";
var numbers = [45, 4, 9, 16, 25];
numbers.forEach(myFunction);
function myFunction(value, index, array) {
txt = txt + value + "
";
}
注释：该函数接受 3 个参数：
- 项目值
- 项目索引
- 数组本身
上面的例子只用了 value 参数。这个例子可以重新写为：
var txt = "";
var numbers = [45, 4, 9, 16, 25];
numbers.forEach(myFunction);
function myFunction(value) {
txt = txt + value + "
";
}
2、Array.map()
map() 方法通过对每个数组元素执行函数来创建新数组。
map() 方法不会对没有值的数组元素执行函数。
map() 方法不会更改原始数组。
这个例子将每个数组值乘以2：
var numbers1 = [45, 4, 9, 16, 25];
var numbers2 = numbers1.map(myFunction);
function myFunction(value, index, array) {
return value * 2;
}
console.log(numbers2)//[90, 8, 18, 32, 50]
请注意，该函数有 3 个参数：
- 项目值
- 项目索引
- 数组本身
当回调函数仅使用 value 参数时，可以省略索引和数组参数
3、Array.filter()
filter() 方法创建一个包含通过测试的数组元素的新数组。
这个例子用值大于 18 的元素创建一个新数组：
var numbers = [45, 4, 9, 16, 25];
var over18 = numbers.filter(myFunction);
function myFunction(value, index, array) {
return value > 18;
}
console.log(over18)//[45, 25]
请注意此函数接受 3 个参数：
- 项目值
- 项目索引
- 数组本身
回调函数不使用 index 和 array 参数，因此可以省略它们：
4、Array.reduce()
reduce() 方法在每个数组元素上运行函数，以生成（减少它）单个值。
reduce() 方法在数组中从左到右工作。另请参见 reduceRight（）。
reduce() 方法不会减少原始数组。
var numbers1 = [45, 4, 9, 16, 25];
var sum = numbers1.reduce(myFunction);
function myFunction(total, value, index, array) {
return total + value;
}
console.log(sum)//99
请注意此函数接受 4 个参数：
- 总数（初始值/先前返回的值）
- 项目值
- 项目索引（可不写）
- 数组本身（可不写）
reduce() 方法能够接受一个初始值：
var numbers1 = [45, 4, 9, 16, 25];
var sum = numbers1.reduce(myFunction, 100);
function myFunction(total, value) {
return total + value;
}
console.log(sum)//199
5、Array.reduceRight()
reduceRight() 方法在每个数组元素上运行函数，以生成（减少它）单个值。
reduceRight() 方法在数组中从左到右工作。另请参见 reduce（）。
reduceRight() 方法不会减少原始数组。
var numbers1 = [45, 4, 9, 16, 25];
var sum = numbers1.reduceRight(myFunction);
function myFunction(total, value, index, array) {
return total + value;
}
console.log(sum)//99
请注意此函数接受 4 个参数：
- 总数（初始值/先前返回的值）
- 项目值
- 项目索引（可不写）
- 数组本身（可不写）
6、Array.every()
every() 方法检查所有数组值是否通过测试。
//这个例子检查所有数组值是否大于 18：
var numbers = [45, 4, 9, 16, 25];
var allOver18 = numbers.every(myFunction);
function myFunction(value, index, array) {
return value > 18;
}
console.log(allOver18)//false
请注意此函数接受 3 个参数：
- 项目值
- 项目索引
- 数组本身
如果回调函数仅使用第一个参数（值）时，可以省略其他参数：
7、Array.some()
some() 方法检查某些数组值是否通过了测试。
//这个例子检查某些数组值是否大于 18
var numbers = [45, 4, 9, 16, 25];
var someOver18 = numbers.some(myFunction);
function myFunction(value, index, array) {
return value > 18;
}
console.log(allOver18)//true
请注意此函数接受 3 个参数：
- 项目值
- 项目索引
- 数组本身
8、Array.indexOf()
indexOf() 方法在数组中搜索元素值并返回其位置。
注释：第一个项目的位置是 0，第二个项目的位置是 1，以此类推。
8、Array.indexOf()
indexOf() 方法在数组中搜索元素值并返回其位置。
var fruits = ["Apple", "Orange", "Apple", "Mango"];
var a = fruits.indexOf("Apple");
console.log(a);//0
语法：array.indexOf(item, start)
item 必需。要检索的项目。
start 可选。从哪里开始搜索。负值将从结尾开始的给定位置开始，并搜索到结尾。
8、Array.lastIndexOf()
Array.lastIndexOf() 与 Array.indexOf() 类似，但是从数组结尾开始搜索。
var fruits = ["Apple", "Orange", "Apple", "Mango"];
var a = fruits.lastIndexOf("Apple");
console.log(a);//2
用法同array.indexOf(item, start)
9、Array.find()
find() 方法返回通过测试函数的第一个数组元素的值。
//这个例子查找（返回）大于 18 的第一个元素的值：
var numbers = [4, 9, 16, 25, 29];
var first = numbers.find(myFunction);
function myFunction(value, index, array) {
return value > 18;
}
console.log(first)//25 就单单返回25
请注意此函数接受 3 个参数：
- 项目值
- 项目索引
- 数组本身
10、Array.findIndex()
findIndex() 方法返回通过测试函数的第一个数组元素的索引。
////这个例子查找大于 18 的第一个元素的索引：
var numbers = [4, 9, 16, 25, 29];
var first = numbers.findIndex(myFunction);
function myFunction(value, index, array) {
return value > 18;
}
console.log(first)//3
请注意此函数接受 3 个参数：
- 项目值
- 项目索引
- 数组本身