javascript 数组

1. 数组创建

1. 使用字面量创建数组

var names = ['terry','zhangsan','lisi']

2. 使用构造函数创建数组

var names = new Array('terry','robin')

2. 数组访问

var arr = ["terry","larry","boss"];
arr[0] ; //terry

var arr = ["terry","larry","boss"];
arr[10]   //undefined

var arr = ["terry","larry","boss"];
arr[3] ="jacky";  //添加元素,数组长度变为4

通过索引访问数组，数组的索引从0开始，数组的索引超过数组长度会访问到undefined值而不会报错。数组的长度通过length属性获取
a) [index] 直接访问,索引可以超过索引范围，只不过访问的值为undefined
b) length-1=Max(index)
c) length+N 或 length-N 开辟新的内存空间 或 数组元素的删除

3.数组API

1. 数组序列化
toString() 在默认情况下都会以逗号分隔字符串的形式返回数组项

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

join() 使用指定的字符串用来分隔数组字符串

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

2.构造函数的方法
1.Array.isArray()
用来判断某个变量是否是一个数组对象
2.Array.from()
从类数组对象或者可迭代对象中创建一个新的数组实例。

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

3. Array.of()
   根据一组参数来创建新的数组实例，支持任意的参数数量和类型。

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

3.栈与队列方法

1. Array.prototype.push()
   push() 方法可向数组的末尾添加一个或多个元素，并返回新的长度。
   语法: array.push(item1, item2, …, itemX)
   参数: item1, item2, …, itemX 要添加到数组的元素。
   返回值: 数组新长度

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

2.Array.prototype.pop()
pop() 方法用于删除数组的最后一个元素并返回删除的元素。
语法:array.pop()
返回值: 返回删除的元素。

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

3.Array.prototype.shift()
shift() 方法用于把数组的第一个元素从其中删除，并返回第一个元素的值。
语法:array.shift()
返回值: 数组原来的第一个元素的值（移除的元素）。

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

4.Array.prototype.unshift()
unshift() 方法可向数组的开头添加一个或更多元素，并返回新的长度。
语法:array.unshift(item1,item2, …, itemX)
参数: item1,item2, …, itemX
返回值: 数组新长度

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

4.排序方法
1.Array.prototype.reverse()
reverse() 方法用于颠倒数组中元素的顺序。
语法: array.reverse()
返回值:颠倒顺序后的数组

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

2.Array.prototype.sort()
sort() 方法用于对数组的元素进行排序。
语法:array.sort(sortfunction)
参数: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
});
//points输出结果：100,40,25,10,5,1

5.操作方法
1.Array.prototype.concat()
concat() 方法用于连接两个或多个数组。
语法: array1.concat(array2,array3,…,arrayX)
参数: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

2.Array.prototype.slice()
slice()方法可提取字符串的某个部分，并以新的字符串返回被提取的部分。
语法:array.slice(start, end)
参数: start 可选, 规定从何处开始选取。end 可选, 规定从何处结束选取。
返回值: 返回一个新的数组，包含从 start 到 end （不包括该元素）的 arrayObject 中的元素。

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

3.Array.prototype.splice()
splice() 方法用于添加或删除数组中的元素。
语法: array.splice(index,howmany,item1,…,itemX)
参数: index 必需。规定从何处添加/删除元素。howmany 可选。规定应该删除多少元素。必须是数字，但可以是 “0”。 如果未规定此参数，则删除从 index 开始到原数组结尾的所有元素。item1, …, itemX 可选。要添加到数组的新元素
返回值:如果从 arrayObject 中删除了元素，则返回的是含有被删除的元素的数组。
数组中添加新元素：

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

6.位置方法
1.Array.prototype.indexOf()
indexOf() 方法可返回数组中某个指定的元素位置。
语法:array.indexOf(item,start)
参数:item 必须。查找的元素。start 可选的整数参数。规定在数组中开始检索的位置。如省略该参数，则将从字符串的首字符开始检索。
返回值: 元素在数组中的位置，如果没有搜索到则返回 -1。

var fruits = ["Banana", "Orange", "Apple", "Mango"]; 
var a = fruits.indexOf("Apple");

//a结果输出：2
//以上输出结果意味着 "Apple" 元素位于数组中的第 3 个位置。

7.迭代方法
1.Array.prototype.every()
every() 方法用于检测数组所有元素是否都符合指定条件（通过函数提供）。
every() 方法使用指定函数检测数组中的所有元素：
如果数组中检测到有一个元素不满足，则整个表达式返回 false ，且剩余的元素不会再进行检测。
如果所有元素都满足条件，则返回 true。
语法:array.every(function(currentValue,index,arr), thisValue)
参数:function(currentValue, index,arr) 函数，数组中的每个元素都会执行这个函数 thisValue 可选。对象作为该执行回调时使用，传递给函数，用作 “this” 的值。 如果省略了 thisValue ，“this” 的值为 “undefined”
currentValue 必须,当前元素的值. index当前元素的索引值
arr当前元素属于的数组对象
返回值: 布尔值。如果所有元素都通过检测返回 true，否则返回 false。
检测数组 ages 的所有元素是否都大于等于 18 :

var ages = [32, 33, 16, 40];

var result = ages.every(function (age) {
  return age >= 18
})
console.log(result);//输出结果为:false

2.Array.prototype.some()
some() 方法用于检测数组中的元素是否满足指定条件（函数提供）。
some() 方法会依次执行数组的每个元素：如果有一个元素满足条件，则表达式返回true , 剩余的元素不会再执行检测。如果没有满足条件的元素，则返回false。
语法: array.some(function(currentValue,index,arr),thisValue)
参数:function(currentValue, index,arr) 函数，数组中的每个元素都会执行这个函数 thisValue 可选。对象作为该执行回调时使用，传递给函数，用作 “this” 的值。 如果省略了 thisValue ，“this” 的值为 “undefined”
currentValue 必须,当前元素的值. index当前元素的索引值 .arr当前元素属于的数组对象
返回值: 布尔值。如果所有元素都通过检测返回 true，否则返回 false。
检测数组中是否有元素大于 18:

var ages = [32, 33, 16, 40];

var result = ages.some(function (age) {
  return age >= 18
})
console.log(result);//输出结果为:true

3.Array.prototype.filter()
filter() 方法创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素。
语法: array.filter(function(currentValue,index,arr), thisValue)
参数:function(currentValue, index,arr) 函数，数组中的每个元素都会执行这个函数 thisValue 可选。对象作为该执行回调时使用，传递给函数，用作 “this” 的值。 如果省略了 thisValue ，“this” 的值为 “undefined”
currentValue 必须,当前元素的值. index当前元素的索引值 .arr当前元素属于的数组对象
返回值: 返回数组，包含了符合条件的所有元素。如果没有符合条件的元素则返回空数组。
返回数组 ages 中所有元素都大于 18 的元素:

var ages = [32, 33, 16, 40];

var result = ages.filter(function (age) {
  return age >= 18
})
console.log(result);//输出结果为:[ 32, 33, 40 ]

4.Array.prototype.map()
map() 方法返回一个新数组，数组中的元素为原始数组元素调用函数处理后的值。
语法: array.map(function(currentValue,index,arr), thisValue)
参数:function(currentValue, index,arr) 函数，数组中的每个元素都会执行这个函数 thisValue 可选。对象作为该执行回调时使用，传递给函数，用作 “this” 的值。 如果省略了 thisValue ，“this” 的值为 “undefined”
currentValue 必须,当前元素的值. index当前元素的索引值 .arr当前元素属于的数组对象
返回值: 返回一个新数组，数组中的元素为原始数组元素调用函数处理后的值。
返回一个数组，数组中元素为原始数组的平方根:

var numbers = [4, 9, 16, 25];

var result = numbers.map(function (number) {
  return Math.sqrt(number)
})
console.log(result);//输出结果为:[ 2, 3, 4, 5 ]

5.Array.prototype.forEach()
forEach() 方法用于调用数组的每个元素，并将元素传递给回调函数。
语法: array.forEach(function(currentValue, index, arr), thisValue)
参数:function(currentValue, index,arr) 函数，数组中的每个元素都会执行这个函数 thisValue 可选。对象作为该执行回调时使用，传递给函数，用作 “this” 的值。 如果省略了 thisValue ，“this” 的值为 “undefined”
currentValue 必须,当前元素的值. index当前元素的索引值 .arr当前元素属于的数组对象
返回值:undefined
列出数组的每个元素：

var numbers = [4, 9, 16, 25];

numbers.forEach(function (number, index) {
  console.log(index + ' -- ' + number);
})
// 0 -- 4
// 1 -- 9
// 2 -- 16
// 3 -- 25