JavaScript -- 03 数组

数组

1.JavaScript的Array可以包含任意数据类型，并通过索引来访问每个元素。可以直接用arr.length来取得Array的长度，直接给Array的length赋一个新的值会导致Array大小的变化，Array可以通过索引把对应的元素修改为新的值，因此，对Array的索引进行赋值会直接修改这个Array。

var arr = [1,2,3.14,'hello',null,true];arr.length; //6var arr = [1,2,3];arr.length = 6;//arr变为[1,2,3,undefined,undefined,undefined]arr.length = 2;//array变为[1,2]var arr = ['A', 'B', 'C'];arr[1] = 90;arr; //arr现在为['A', 90, 'C']

2.注意：如果通过索引赋值时，索引超过了范围，同样会引起Array的大小变化；

var arr = [1, 2, 3];arr[6] = 'x';arr;// arr变为[1, 2, 3, undefined, undefined, 'x']

但是在编写代码时，不建议直接修改Array的大小，访问索引时要确保索引不会越界。

3.与String类似，Array也可以通过indexOf() 来搜索一个指定的元素的位置：

 

var arr = [10, 20, '30', 'xyz'];arr.indexOf(10);//元素10的索引为0arr.indexOf(20); //元素20的索引为1arr.indexOf(30);//元素30没有找到，返回-1arr.indexOf('30');//元素'30'的索引为2

4.slice()就是对应String的substring()版本，它截取Array的部分元素，然后返回一个新的Array：

var arr = ['A', 'B', 'C', 'D', 'E', 'F', 'G'];arr.slice(0,3);//从索引0开始，到索引3结束，但不包含索引3：['A', 'B', 'C']arr.slice(3);//从索引3开始到结束: ['D','E', 'F', 'G']

slice()的起止参数包含开始索引，不包含结束索引，如果不给slice()传递任何参数，它就会从头到尾截取所有元素，这样就可以很容易复制一个Array：

var acopy = arr.slice();

5.push()向Array的末尾添加若干元素，pop()把Array的最后一个元素删除掉。

var arr = [1, 2];arr.push('A', 'B');arr.pop();//pop()返回'B'arr.pop();arr.pop();arr.pop();arr.pop();//连续pop()4次，空数组时继续pop不会报错，而是返回undefined

6.使用unshift()方法，可以往Array的头部添加若干元素，shift()方法则是把Array的第一个元素删掉：

var arr = [1, 2];arr.unshift('A', 'B');arr; //['A', 'B', 1, 2];arr.shift();arr; //['B', 1, 2]arr.shift();//空数组继续shift不会报错，而是返回undefined

7.使用sort()方法可以对当前Array进行排序，它会直接修改当前Array的元素位置。

var arr = ['B', 'C', 'A'];arr.sort();arr;//['A', 'B', 'C']

8.使用reverse()方法把整个Array的元素给反转。

var arr = ['one', 'two', 'three'];arr.reverse();arr; //['three', 'two', 'one']

9.使用splice()方法可以从指定的索引开始删除若干元素，然后再从该位置添加若干元素。

var arr = ['Microsoft', 'Apple', 'Yahoo', 'AOL', 'Excite', 'Oracle'];//从索引2开始删除3个元素，然后再添加两个元素arr.splice(2, 3, 'Google', 'Facebook');//返回删除的元素['Yahoo', 'AOL', 'Excite']arr;//['Microsoft', 'Apple', 'Google', 'Facebook', 'Oracle']//只删除，不添加arr.splice(2, 2); //['Google', 'Facebook']arr;//['Microsoft', 'Apple', 'Oracle']//只添加，不删除arr.splice(2, 0, 'Google', 'Facebook');arr;//['Microsoft', 'Apple', 'Google', 'Facebook', 'Oracle']

10.使用concat()方法把当前的Array和另一个Array连接起来，并返回一个新的Array:

var arr = ['A', 'B', 'C'];var added = arr.concat([1, 2, 3]);added;//['A', 'B', 'C', 1, 2, 3]arr; //['A', 'B', 'C']var arr = ['A', 'B', 'C'];arr.concat(1, 2, [3, 4]);

11.使用join()方法把当前Array的每一个元素都用指定的字符串连接起来，然后返回来你连接后的字符串：

var arr = ['A', 'B', 'C', 1, 2, 3];arr.join('_');//'A-B-C-1-2-3'

12.如果数组的某个元素又是一个Array，则看可以形成多维数组，例如：

var arr = [[1, 2, 3], [400, 500, 600], '-'];

上述Array包含三个元素，其中头两个元素本身也是Array。
var x = arr[1][1]; //x = 500