标签:
数组是一个有序的集合,javascript数组中的元素的类型可以是任意的,同一个数组不同元素之间的类型也是可以不同的。数组也是对象,有个length属性,记录数组的长度。
var a = [1,2]; console.log(a.[0])//1
数组是对象,这因为着可以给它添加属性:
var a = [];
a.test = ‘test‘;
console.log(a.length);
a[‘0‘] = 3;
console.log(a.length);
console.log(a.test);//test
console.log(a[‘0‘]);//3
console.log(a[0])//3
从上面也可以看到,给数组添加‘0’的属性,也会自动转化成索引。
var a = [1,2,3]; console.log(a.length);//3 a[3] = 4; console.log(a.length);//4
更改length为比现在当前长度的非负整数的时候,大于等于长度的那些元素会被删除:
var a = [1,2,3,4,5,6,7,8,9]; console.log(a.length);//9 a.length = 8; console.log(a[8]);//undefined a.length = 7; console.log(a[7]);//undefined
更改length为比当前长度达的非负整数的时候,相当于增加了空白区域。
for(var i = 0; i < array.length; i++){ }
这样做有个问题就是:要访问很多遍array的length属性,所以更好的做法是下面这种:
for(var i = 0, len = array.length; i < len; i++){ }
或者像下面这样从后面开始遍历:
for(var i = array.length - 1; i >= 0; i--){ }
另外可以用for/in来遍历:
for(var i in array){ }
但是这样子带来的问题就是,除了索引属性之外,还会有继承来的属性、负整数属性、字符串属性也会被包含在其中。
ecma5定义了一个forEach函数:
var a = [1,2,3,4,5]; a.forEach(function(index){ console.log(index) })
var a = [1,2,3,4,5]; console.log(a.toLocaleString());//1,2,3,4,5 console.log(a.toString());//1,2,3,4,5 console.log(a.valueOf());//[1,2,3,4,5]
而且会将数组扁平化:
var a = [1,2,3,4,5,[ 6,7,[ 8,9] ] ]; console.log(a.toLocaleString());// 1,2,3,4,5,6,7,8,9 console.log(a.toString());// 1,2,3,4,5,6,7,8,9
join方法是利用给定的字符将数组元素连成一个字符串。实际上对每个元素调用了toString方法。
var a = [1,2,3,4,5,[6,7,[8,9]]]
console.log( a.join(‘*‘) );//1*2*3*4*5*6,7,8,9
console.log(a);//var a = [1,2,3,4,5,[6,7,[8,9]]]
var a = [1,2,3,4,5]; console.log(a.length);//5 a.push(6); console.log(a.length);//6 console.log( a[a.length - 1] );//6
pop刚好相反,它会返回删除的元素。
var a = [1,2,3,4,5]; console.log(a.length);//5 a.shift(); console.log(a.length);//4 console.log( a[0] );//2
unshift刚好相反。
var a = [1,2,3,4,5]; console.log( a.reverse() );//[5, 4, 3, 2, 1] console.log(a);//[5, 4, 3, 2, 1]
可以看到,reverse是直接改变数组本身的。
另一个sort方法接受一个函数作为排序的依据。如果不传这个参数,则是对每个元素调用toString方法然后比较。也就是全部转换为字符串然后再比较。
var a = [2,43,25,64,62,45,75,10,4,7] console.log(a.sort());//[10, 2, 25, 4, 43, 45, 62, 64, 7, 75] console.log(a);//[10, 2, 25, 4, 43, 45, 62, 64, 7, 75]
如果传入函数,则函数有两个参数,就是两个要进行比较的数据。如function(a1,a2){};要想a1排在前面就返回小于0;要想顺序不变返回0;另一种情况你懂得。如想要按照数字的小到大排序。
var a = [2,43,25,64,62,45,75,10,4,7] console.log(a.sort(function(a, b){ return a - b; }));//[2, 4, 7, 10, 25, 43, 45, 62, 64, 75] console.log(a);//[2, 4, 7, 10, 25, 43, 45, 62, 64, 75]
var a = [1,2,3,4]; var b = [5,6,7,[7,8],9]; console.log(a.concat(b))//[1, 2, 3, 4, 5, 6, 7, [7,8], 9] console.log(a)//[1,2,3,4]; console.log(b)//[5,6,7,[7,8],9]
可以看到concat并不会将数组扁平化、而且不会改变原数组。它是想创建一个a的副本,然后将b复制进去然后返回。
slice是基于当前数组,创建一个新的数组。接受两个参数,第二个参数是可选的。如果只有一个参数,就是从指定位置到最后一个的项。如果有两个参数,则是从第一个到第二个指定位置的项,但不包括最后一个。第二个参数可以是负数,-1代表最后一个项,但不包括最后一个。
var a = [1,2,3,4,5]; console.log( a.slice(1) );//[2,3,4,5] console.log( a.slice(0, 3) );//[1,2,3] console.log( a.slice(0, -3) );;//[1,2]
同样的,slice不会改变原数组。并且当第二个参数的位置在第一个参数位置之前的时候,会返回一个空数组。
splice功能非常强大,可以删除、插入、替换
如果只传入两个参数,就是删除,第一个参数代表要删除的其实位置,第二个参数代表要删除的项的个数。
var a = [1,2,3,4,5]; console.log(a.splice(1,2));//[2,3] console.log(a);//[1,4,5]
如果传入两个以上参数,并且第二个参数是0,就是插入。第一个参数代表要插入的位置,第三个以及以后的参数代表要插入的项。
var a = [1,2,3,4,5]; console.log(a.splice(1,0,7,8));//[] console.log(a);//[1,7,8,2,3,4,5]
如果传入两个以上参数,并且第二个参数不是0,就是替换。第一个参数代表要替换的开始位置,第二个参数代表要替换掉多少个项,第三个以及以后的参数代表要替换进去的项。
var a = [1,2,3,4,5]; console.log(a.splice(1,2,7,8));//[2,3] console.log(a);//[1,7,8,4,5]
最后看一个例子:
var a = [1,2,3,4,5]; console.log(a.splice(-1,2,7,8));//[5] console.log(a);//[1, 2, 3, 4, 7, 8]
这个例子说明,第一个参数接受负数,-1代表最后一个项。
var a = [1,2,3,4,5,4,3,2,1] console.log(a.indexOf(4));//3 console.log(a.lastIndexOf(4));//5
var a = []; for(var i = 1; i <= 100; i++){ a[i-1] = i; } var resule = a.reduce(function(last, value, i, arr){ return last + value }) console.log(resule)//5050
标签:
原文地址:http://www.cnblogs.com/dq-Leung/p/4330721.html