JavaScript数组

数组的基础

数组是有序列表，是存放多个值的集合，数组的元素可以是任意数据类型，数组的长度可以动态调整。
有以下特性：
每一项都可以保存任何类型的数据。
数组的大小是可以动态调整。
数组的length属性：可读可写，可以通过设置length的值从数组的末尾移除项或向数组中添加新项

数组的创建

字面量创建数组

由一对包括元素的方括号"[]“表示，元素之间以逗号”,"隔开

// 可以接收任何类型的数据当做数组的元素
var arr = [12,name,true,"larry",{},function(){},[],null];

构造函数创建数组

通过Array构造函数来创建数组

// 构造函数创建数组
var arr=new Array();
// 索引下标添加数据
arr[0]='zhangsan';
arr[1]='lisi';

数组的访问

访问数组元素——数组变量名怕[索引]

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

//如果索引大于等于数组的长度，返回undefined
var arr = ["terry","larry","boss"];
arr[10]   //undefined

//如果给索引大于等于数组的长度的位置设置了值，数组自动增加到该索引值加1的长度
var arr = ["terry","larry","boss"];
arr[3] ="jacky";  //添加元素,数组长度变为4
//注意！数组最多可以包含4 294 967 295个项

数组的API

数组序列化

toString() 在默认情况下都会以逗号分隔字符串的形式返回数组项 。
join() 使用指定的字符串用来分隔数组字符串。

var arr = [1,5,2,8,10,{a:1}];
console.log(arr);//[ 1, 5, 2, 8, 10, { a: 1 } ]
console.log(arr.toString());//”1,5,2,8,10,[object Object]”
console.log(arr.join(""));//”152810[object Object]”
console.log(arr.join("-"));//”1-5-2-8-10-[object Object]”

构造函数的方法

Array.isArray() 用来判断某个变量是否是一个数组对象。
Array.from() 从类数组对象或者可迭代对象中创建一个新的数组实例。
Array.of() 根据一组参数来创建新的数组实例，支持任意的参数数量和类型。

//Array.isArray()
var str=[1,2,3,4];
console.log(Array.isArray(str)) //true

//Array.from()
var myArr = Array.from("BRIUP");
console.log(myArr);
//输出结果为["B","R","I","U","P"]

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

栈与队列方法

Array.prototype.push()

push() 方法可向数组的末尾添加一个或多个元素，并返回新的长度。
注意： 1、新元素将添加在数组的末尾。2、此方法改变数组的长度。
语法：array.push(item1, item2, …, itemX)

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()

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() 方法用于对数组的元素进行排序。
语法：array.sort(sortfunction)

//按首字母进行排序
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.sort();
console.log(fruits)
//fruits 输出结果：Apple,Banana,Mango,Orange

//数字升序排序
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() 方法用于连接两个或多个数组。
concat()方法不会改变现有的数组，而仅仅会返回被连接数组的一个副本。
语法：array1.concat(array2,array3,…,arrayX)

var hege = ["Cecilie", "Lone"]; 
var stale = ["Emil", "Tobias", "Linus"]; 
var kai = ["Robin"]; 
var children = hege.concat(stale,kai);
//children 输出结果：Cecilie,Lone,Emil,Tobias,Linus,Robin

Array.prototype.slice()

slice() 方法可从已有的数组中返回选定的元素。
slice()方法可提取字符串的某个部分，并以新的字符串返回被提取的部分。
语法：array.slice(start, end) （可以为负值，不包含Array[end]元素）

var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"]; 
var citrus = fruits.slice(1,3);
//citrus 结果输出:Orange,Lemon

Array.prototype.splice()

splice() 方法用于添加或删除数组中的元素。
注意：这种方法会改变原始数组。
语法：array.splice(index,howmany,item1,…,itemX)

//数组中添加新元素
var fruits = ["Banana", "Orange", "Apple", "Mango"];
//从数组索引位置 2 开始，不删除元素，添加两个新的元素"Lemon","Kiwi"
fruits.splice(2,0,"Lemon","Kiwi");
//fruits输出结果：Banana,Orange,Lemon,Kiwi,Apple,Mango

//移除数组的第三个元素，并在数组第三个位置添加新元素
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2,1,"Lemon","Kiwi");
//fruits输出结果：Banana,Orange,Lemon,Kiwi,Mango

//从第三个位置开始删除数组后的两个元素
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2,2);
//fruits输出结果：Banana,Orange

位置方法

Array.prototype.indexOf()

indexOf() 方法可返回数组中某个指定的元素位置。该方法将从头到尾地检索数组，看它是否含有对应的元素。没找到指定元素则返回 -1。
语法：array.indexOf(item,start)

var fruits = ["Banana", "Orange", "Apple", "Mango"]; 
var a = fruits.indexOf("Apple");
//a结果输出：2
//以上输出结果意味着 "Apple" 元素位于数组中的第 3 个位置。

Array.prototype.lastIndexOf()

lastIndexOf() 方法可返回一个指定的元素在数组中最后出现的位置，从该字符串的后面向前查找。没找到指定元素则返回 -1。
语法：array.lastIndexOf(item,start)

var fruits = ["Banana", "Orange", "Apple", "Mango"];
var a = fruits.lastIndexOf("Apple");
//a输出结果：2
//以上实例输出结果意味着 "Apple" 位于数组中的第 2 个位置.

迭代方法

Array.prototype.every()

every() 方法用于检测数组所有元素是否都符合指定条件（通过函数提供）。都符合则返回true，有一个元素不符合直接返回false。
注意：1、every() 不会对空数组进行检测。2、every() 不会改变原始数组。
语法：array.every(function(currentValue,index,arr), thisValue)

//检测数组 *ages* 的所有元素是否都大于等于 18 
var ages = [32, 33, 16, 40];
var result = ages.every(function (age) {
  return age >= 18
})
console.log(result);//输出结果为:false

Array.prototype.some()

some() 方法用于检测数组中的元素是否满足指定条件（函数提供）。 如果有一个元素满足条件，则表达式返回true ,剩余的元素不会再执行检测。如果没有满足条件的元素，则返回false。
注意：1、some() 不会对空数组进行检测。2、some() 不会改变原始数组。
语法：array.some(function(currentValue,index,arr),thisValue)

//检测数组中是否有元素大于 18
var ages = [32, 33, 16, 40];
var result = ages.some(function (age) {
  return age >= 18
})
console.log(result);//输出结果为:true

Array.prototype.filter()

filter() 方法创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素。
注意：1、filter() 不会对空数组进行检测。2、filter() 不会改变原始数组。
语法：array.filter(function(currentValue,index,arr), thisValue)

//返回数组 *ages* 中所有元素都大于 18 的元素
var ages = [32, 33, 16, 40];
var result = ages.filter(function (age) {
  return age >= 18
})
console.log(result);//输出结果为:[ 32, 33, 40 ]

Array.prototype.map()

map() 方法返回一个新数组，数组中的元素为原始数组元素调用函数处理后的值。
map() 方法按照原始数组元素顺序依次处理元素。
注意：1、 map() 不会对空数组进行检测。2、map() 不会改变原始数组。
语法：array.map(function(currentValue,index,arr), thisValue)

//返回一个数组，数组中元素为原始数组的平方根
var numbers = [4, 9, 16, 25];
var result = numbers.map(function (number) {
  return Math.sqrt(number)
})
console.log(result);//输出结果为:[ 2, 3, 4, 5 ]

Array.prototype.forEach()

forEach() 方法用于调用数组的每个元素，并将元素传递给回调函数。
注意:forEach() 对于空数组是不会执行回调函数的。
语法：array.forEach(function(currentValue, index, arr), thisValue)

//列出数组的每个元素
var numbers = [4, 9, 16, 25];
numbers.forEach(function (number, index) {
  console.log(index + ' -- ' + number);
})
// 0 -- 4
// 1 -- 9
// 2 -- 16
// 3 -- 25