数组

132 阅读2分钟

1.数组的创建

字面量创建数组

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

var arr1 = [1,2,3,4,5];
console.log(arr1,arr1.length);  //[ 1, 2, 3, 4, 5 ] 5

构造函数创建数组

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

var arr2 = new Array();
var arr2 = new Array(5);  //创建一个长度为5的数组
var arr2 = new Array(1,3,[1,2],{},null);

2.数组的访问

数组变量名[索引]

通过索引访问数组,数组的索引从0开始,数组的索引超过数组长度会访问到undefined值而不会报错。数组的长度通过length属性获取

  • [index] 直接访问,索引可以超过索引范围,只不过访问的值为undefined
  • length-1=Max(index)
  • length+N 或 length-N 开辟新的内存空间 或 数组元素的删除
var arr3 = new Array(1,3,[1,2],{},null);
console.log(arr3,arr3.length);  //[ 1, 3, [ 1, 2 ], {}, null ] 5
// 开辟新空间
arr3.length = 7;
console.log(arr3,arr3.length);  //[ 1, 3, [ 1, 2 ], {}, null, <2 empty items> ] 7
//数组元素删除
arr3.length = 3;
console.log(arr3,arr3.length);  //[ 1, 3, [ 1, 2 ] ] 3

3.数组的遍历

var arr4 = [1,3,5,7,9,11];
for (var i = 0; i <arr4.length; i++) {
    var item = arr4[i];
    console.log(item);  // 依次打印出1 3 5 7 9 11
}
for(var index in arr4) {
    var val = arr4[index];
    console.log(val);  // 依次打印出1 3 5 7 9 11
  }

4.数组API

数组序列化

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

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

var arr = [1,2,'hhh',{a5}];
console.log(arr.toString());  //1,2,hhh,[object Object]
console.log(arr.join(""));  //12hhh[object Object]
console.log(arr.join("&"));  //1&2&hhh&[object Object]
var res = JSON.stringify(arr);
console.log(res,typeof res);  //"[1,2,"hhh",{"a":5}]" (字符串)
console.log(JSON.parse(res),typeof(JSON.parse(res)));   //[ 1, 2, 'hhh', { a: 5 } ]

构造函数的方法

Array.isArray()

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

Array.from()

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

Array.of()

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

var myarr = Array.from('hello');
console.log(myarr);  //[ 'h', 'e', 'l', 'l', 'o' ]
console.log(Array.isArray(myarr));  //true
var myarr1 = Array.of(1,2,3);
console.log(myarr1);  //[ 1, 2, 3 ]

栈与队列方法

Array.prototype.push()

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

注意: 新元素将添加在数组的末尾, 此方法改变数组的长度。

array.push(item1, item2, ..., itemX)

item1, item2, ..., itemX :要添加到数组的元素。

返回值:新数组的长度

var arr = [1,2,3];
console.log(arr.push(4,5,6));  //6
console.log(arr);  //[ 1, 2, 3, 4, 5, 6 ]
Array.prototype.pop()

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

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

返回值:返回删除的元素

var arr = [1,2,3,4,5];
console.log(arr.pop());  //5
console.log(arr);  //[ 1, 2, 3, 4 ]
Array.prototype.shift()

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

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

返回值:数组原来的第一个元素的值(移除的元素)

var arr = [1,2,3,4,5];
console.log(arr.shift());  //1
console.log(arr);  // [ 2, 3, 4, 5 ]
Array.prototype.unshift()

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

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

array.unshift(item1,item2, ..., itemX)

item1,item2, ..., itemX:可选。向数组起始位置添加一个或者多个元素。

返回值:Type 描述 Number 数组新长度

var arr = [1,2,3,4,5];
arr.unshift(7,8);
console.log(arr);  //[ 7, 8, 1, 2, 3, 4, 5 ]
console.log(arr.unshift());   //7

排序方法

Array.prototype.reverse()

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

返回值:颠倒顺序后的数组

var arr = [1,2,3,4,5];
console.log(arr.reverse());  //[ 5, 4, 3, 2, 1 ]
Array.prototype.sort()

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

排序顺序可以是字母或数字,并按升序或降序。 默认排序顺序为按字母升序。 array.sort(sortfunction)

sortfunction:可选。规定排序顺序。必须是函数。

var arr = [4,12,3,56,23,78,9,5];
var newArr = arr.sort(function(a,b){
    return a - b;  //升序
    // return a - b;  //降序
});
console.log(newArr);  [ 345912235678 ]

操作方法

Array.prototype.concat()

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

该方法不会改变现有的数组,而仅仅会返回被连接数组的一个副本 array1.concat(array2,array3,...,arrayX)

array2, array3, ..., arrayX:必需。该参数可以是具体的值,也可以是数组对象。可以是任意多个

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

var arr1 = [1,2,3,4];
var arr2 = [5,6,7,8];
var arr3 = [11,22,33];
var newArr = arr3.concat(arr1,arr2);
console.log(newArr);  //[ 11, 22, 33, 1, 2, 3, 4, 5, 6, 7, 8 ]
Array.prototype.slice()

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

slice()方法可提取字符串的某个部分,并以新的字符串返回被提取的部分。 array.slice(start, end)

start:可选。规定从何处开始选取。如果是负数,那么它规定从数组尾部开始算起的位置。如果该参数为负数,则表示从原数组中的倒数第几个元素开始提取,slice(-2) 表示提取原数组中的倒数第二个元素到最后一个元素(包含最后一个元素)。

end:可选。规定从何处结束选取。该参数是数组片断结束处的数组下标。如果没有指定该参数,那么切分的数组包含从 start 到数组结束的所有元素。如果该参数为负数, 则它表示在原数组中的倒数第几个元素结束抽取。 slice(-2,-1) 表示抽取了原数组中的倒数第二个元素到最后一个元素(不包含最后一个元素,也就是只有倒数第二个元素)。

返回值:Array型。返回一个新的数组,包含从 start 到 end (不包括该元素)的 arrayObject 中的元素。

var arr = [1,2,3,4,5,6];
var newArr = arr.slice(1,3);
console.log(newArr);  //[ 2, 3 ]
Array.prototype.splice()

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

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

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

index:必需。规定从何处添加/删除元素。 该参数是开始插入和(或)删除的数组元素的下标,必须是数字。

howmany:可选。规定应该删除多少元素。必须是数字,但可以是 "0"。 如果未规定此参数,则删除从 index 开始到原数组结尾的所有元素。

item1, ..., itemX:可选。要添加到数组的新元素

返回值:如果从 arrayObject 中删除了元素,则返回的是含有被删除的元素的数组。

var arr = [1,2,'hhh','yyds',3,4];
// 从数组索引位置 2 开始,不删除元素 添加一个新元素
var newArr1 = arr.splice(2,0,'apple');
console.log(newArr1);  //返回[](空数组)
console.log(arr);  //[ 1, 2, 'apple', 'hhh', 'yyds', 3, 4 ]
// 从第三个位置开始删除数组后的两个元素 并在数组第三个位置添加新元素
var newArr2 = arr.splice(2,2,'apple');
console.log(newArr2);  //返回[ 'hhh', 'yyds' ]
console.log(arr);  //[ 1, 2, 'apple', 3, 4 ]

位置方法

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 开始的。

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

array.lastIndexOf(item,start)

item:必需。规定需检索的字符串值。

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

返回值:如果在 stringObject 中的起始下标位置之前存在搜索值,则返回的是出现的最后一个搜索值的位置。

var arr = [1,2,'apple','banana',4,5,'apple',6,9,7];
var a = arr.indexOf('apple');
console.log(a);  //2
var b = arr.lastIndexOf('apple');
console.log(b);  //6

迭代方法

Array.prototype.every()

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

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

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

注意: every() 不会对空数组进行检测。 every() 不会改变原始数组。 array.every(function(currentValue,index,arr), thisValue)

function(currentValue, index,arr):必须。函数,数组中的每个元素都会执行这个函数

currentValue:必须。当前元素的值

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

arr:可选。当前元素属于的数组对象

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

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

Array.prototype.some()

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

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

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

注意: some() 不会对空数组进行检测。 some() 不会改变原始数组。 array.some(function(currentValue,index,arr),thisValue) (参数描述同上)

返回值:布尔值。如果数组中有元素满足条件返回 true,否则返回 false

var arr = [12,56,23,15,9,31,48];
var res1 = arr.every(function(a){
    return a > 18;
})
console.log(res1);  //false
var res2 = arr.some(function(b) {
    return b > 18;
})
console.log(res2);  //true
Array.prototype.map()

map() 方法返回一个新数组,数组中的元素为原始数组元素调用函数处理后的值。

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

注意: map() 不会对空数组进行检测。 map() 不会改变原始数组。

array.map(function(currentValue,index,arr), thisValue)

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

Array.prototype.forEach()

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

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

返回值:undefined

var numbers = [493326,57];
numbers.forEach(function (number, index) {
  console.log(index + ' -- ' + number);  // 0 -- 4  1 -- 9  2 -- 33  3 -- 26  4 -- 57
})