JavaScript 数组

• Array

    数组是包含子项并由索引迭代子项的一种对象，索引从零开始。

// 使用构造函数创建数组 var foo = new Array; // 使用数组语法创建数组 var bar = [];

    需要注意的是，如果传入的是数字类型的值时，以上2种创建数组的方式是有所不同的。

// 数组语法情况下 var foo = [ 100 ]; alert( foo[ 0 ] ); // 100 alert( foo.length ); // 1 // 构造函数情况下 var bar = new Array( 100 ); alert( bar[ 0 ] ); // undefined alert( bar.length ); // 100

    数组的常用方法

// 在数组上使用 push(), pop(), unshift() 和 shift() 方法 var foo = [];   foo.push("a" ); foo.push("b" );   alert( foo[ 0 ] ); // a alert( foo[ 1 ] ); // b   alert( foo.length ); // 2   foo.pop();   alert( foo[ 0 ] ); // a alert( foo[ 1 ] ); // undefined   alert( foo.length ); // 1   foo.unshift("z" );   alert( foo[ 0 ] ); // z alert( foo[ 1 ] ); // a   alert( foo.length ); // 2   foo.shift();   alert( foo[ 0 ] ); // a alert( foo[ 1 ] ); // undefined   alert( foo.length ); // 1

 

• 数组的方法和属性

• • .length

    .length属性可以确定数组中元素的数量。

var myArray = [ "hello", "world", "!" ]; console.log( myArray.length ); // 3

    你可以使用.length属性对数组进行遍历。

var myArray = [ "hello", "world", "!" ]; for ( var i = 0; i < myArray.length; i = i + 1 ) { console.log( myArray[ i ] ); }

• • .concat()

    .concat()方法用于串联两个或更多的数组。

var myArray = [ 2, 3, 4 ]; var myOtherArray = [ 5, 6, 7 ]; var wholeArray = myArray.concat( myOtherArray ); // [ 2, 3, 4, 5, 6, 7 ]

• • .join()

    .join()方法用于创建一个由数组内元素组成的字符串，可以指定每个元素之间的分隔符，如果没有指定那么默认为逗号。

// 连接元素 var myArray = [ "hello", "world", "!" ]; // 默认逗号为分隔符 console.log( myArray.join() ); // "hello,world,!" // 也可以指定分隔符 console.log( myArray.join( " " ) ); // "hello world !"; console.log( myArray.join( "!!" ) );// "hello!!world!!!"; // 指定为无分隔符 console.log( myArray.join( "" ) ); // "helloworld!"

• • .push()

    .push()方法将元素添加到数组的末尾并扩展这个数组，你可以使用索引来设置数组元素的值，但是索引有可能是不确定的，那么使用该方法添加元素到数组中是比较安全的做法。

var myArray = []; myArray[0 ] = "hello"; myArray[1 ] = "world"; myArray[3 ] = "!"; console.log( myArray ); // [ "hello", "world", undefined, "!" ]; var foo = []; foo.push("a" ); foo.push("b" );

 

• • .pop()

    .pop()方法用于移除数组中的最后一个元素，与.push()方法的功能相反。

var myArray = []; myArray.push(0 ); // [ 0 ] myArray.push(2 ); // [ 0 , 2 ] myArray.push(7 ); // [ 0 , 2 , 7 ] myArray.pop();// [ 0 , 2 ]

• • .reverse()

    .reverse()方法输出反序的数组序列。

var myArray = [ "world" , "hello" ]; myArray.reverse();// [ "hello", "world" ]

• • .shift()

    .shift()方法用于删除数组的第一个元素，与.push()方法配合使用，可以将数组当做队列使用。

// 队列 var myArray = []; myArray.push(0 ); // [ 0 ] myArray.push(2 ); // [ 0 , 2 ] myArray.push(7 ); // [ 0 , 2 , 7 ] myArray.shift();// [ 2 , 7 ]

• • .slice()

    .slice()方法用于提取数组的一部分生成一个新的数组，这个方法需要一个参数，这个参数是数组提取的开始序号。

var myArray = [ 1, 2, 3, 4, 5, 6, 7, 8 ]; var newArray = myArray.slice( 3 ); console.log( myArray ); // [ 1, 2, 3, 4, 5, 6, 7, 8 ] console.log( newArray ); // [ 4, 5, 6, 7, 8 ]

• • .splice()

    .splice()方法用于移除一部分元素并新增一部分元素，该方法至少需要3个参数。

myArray.splice( index, length, values, ... );

    index：开始序号

    length：被移除元素的数量

    values：插入到指定序号位置的值

var myArray = [ 0, 7, 8, 5 ]; myArray.splice(1, 2, 1, 2, 3, 4 ); console.log( myArray ); // [ 0, 1, 2, 3, 4, 5 ]

• • .sort()

    .sort()方法用于数组排序，它需要一个参数，这个参数是一个比较方法，如果没有这样的方法，那么默认按正序排列。

// 默认情况的排序 var myArray = [ 3, 4, 6, 1 ]; myArray.sort();// 1, 3, 4, 6 // 设置比较方法的排序 functiondescending( a, b ) { return b - a; } var myArray = [ 3, 4, 6, 1 ]; myArray.sort( descending ); // [ 6, 4, 3, 1 ]

    descending方法的返回值是非常重要的。如果返回值是小于零的，那么a的序号是在b的前面，如果返回值是大于0的，则反之，如果返回值是等于0 的，那么两个元素的索引是相同的。

• • .unshift()

    .unshift()方法用于在数组的第一个位置插入元素。

var myArray = []; myArray.unshift(0 ); // [ 0 ] myArray.unshift(2 ); // [ 2 , 0 ] myArray.unshift(7 ); // [ 7 , 2 , 0 ]

• • .forEach()

    .forEach()方法用于遍历数组。这个方法有三个参数，分别是Element（元素）、Index（元素在数组中的序号）和Array（数组） 。

functionprintElement( elem ) { console.log( elem ); } functionprintElementAndIndex( elem, index ) { console.log("Index " + index + ": " + elem ); } functionnegateElement( elem, index, array ) { array[ index ] = -elem; } myArray = [ 1, 2, 3, 4, 5 ]; myArray.forEach( printElement ); myArray.forEach( printElementAndIndex ); myArray.forEach( negateElement );