[转贴]JavaScript中Array（数组）的属性和方法

数组有四种定义的方式

使用构造函数：
var a = new Array();
var b = new Array(8); 
var c = new Array("first", "second", "third");
或者数组直接量：
var d = ["first", "second", "third"];

属性

Array只有一个属性，就是length，length表示的是数组所占内存空间的数目，而不仅仅是数组中元素的个数，在刚才定义的数组中，b.length的值为8。

<script>
var a = new Array("first", "second", "third")
a[48] = "12"
document.write(a.length)
//显示的结果是49 确实如此。
</script>

数组的length属性是可写的，这是一个非常有意思的属性，我们可以通过这种方法来截取数组

<script>
var a = new Array("first", "second", "third")
delete a[1]
document.write(a.length)
//显示的结果是3，说明即使删除也无法改变数组的长度
var a = new Array("first", "second", "third")
a.length = 1
document.write(a.length)
//显示的结果是1，说明只剩下一个元素了
</script>

 

var a=new Array("first","secnd","third");
delete a[1];
a.length=2;
document.write(a);

输出：frist,

如果不要delete a[1],则为first,second. 究竟delete做了什么？

var a=new Array("first","secnd","third");
delete a[1];

document.write(a[1]);

输出undefined.如果输出a[2]，则是third.

 

方法

这里并没有包括IE和FF并不兼容的一些方法：
toString()：把数组转换成一个字符串
toLocaleString()：把数组转换成一个字符串
join()：把数组转换成一个用符号连接的字符串
shift()：将数组头部的一个元素移出
unshift()：在数组的头部插入一个元素
pop()：从数组尾部删除一个元素
push()：把一个元素添加到数组的尾部
concat()：给数组添加元素
slice()：返回数组的部分
reverse()：将数组反向排序
sort()：对数组进行排序操作
splice()：插入、删除或者替换一个数组元素

toString()方法，toLocaleString()方法的作用类似，FF下的作用是完全相同的，IE的话如果元素是字符串，会在“,”后面加上一个空格，如果元素是数字，会扩展到两位小数，两者都会改变字符串的length属性，所以考虑到兼容性，尽量不要使用toLocaleString()方法。

<script>
var a = new Array(1, 2, 3, [4, 5, [6, 7]])
var b = a.toString() //b为字符串形式的 "1, 2, 3, 4, 5, 6, 7" 
var c = new Array(1, 2, 3, [4, 5, [6, 7]])
var d = c.toLocaleString() //d为字符串形式的 "1, 2, 3, 4, 5, 6, 7" 
//toString()方法和toLocaleString()方法都可以拆解多维数组
</script>

join()方法将数组中的所有元素转换成字符串，然后连接起来，这刚好和String的split()方法是一个相反的操作。join()默认是使用“,”作为分隔符，当然你也可以在方法中指定分隔符

<script>
var a = new Array("first", "second", "third")
var s = a.join("...")
document.write(s)
//显示的结果是“first...second...third”
</script>

pop()方法可以从数组尾部删除若干个元素，push()方法把一个元素添加到数组的尾部，这两个方法刚好是两个相反的操作。两个都是对原来的数组进行操作，但是要注意push()方法返回的是新的数组的长度，而pop()方法则返回被删去的那个元素。

<script>
var a = new Array(1, 2, 3)
var b = a.push(4,5,[6,7]) //a为[1, 2, 3, 4, 5, [6, 7]]  b为6  注意push()方法不会帮你打开一个数组
var c = new Array(1, 2, 3, 4, "first")
var d = c.pop() //c为[1, 2, 3, 4]  d为字符串形式的"first"
</script>

shift()方法可以从数组头部删除一个元素，unshift()方法把若干元素添加到数组的头部，这两个方法刚好是两个相反的操作。两个都是对原来的数组进行操作，但是要注意unshift()方法返回的是新的数组的长度，而shift()方法则返回被删去的那个元素。

<script>
var a = new Array(1, 2, 3)
var b = a.unshift(4,5,[6,7]) //a为[4, 5, [6, 7], 1, 2, 3]  b为6  注意unshift()方法不会帮你打开一个数组，还有就是被插入数值的顺序
var c = new Array("first", 1, 2, 3, 4)
var d = c.shift() //c为[1, 2, 3, 4]  d为字符串形式的"first"
</script>

concat()方法可以返回一个在原有数组上增添了元素的数组，元素用“,”分隔，元素中如果有数组，将被展开并继续添加，但不支持多维数组形式的展开添加

<script>
var a = new Array("first", "second", "third")
s = a.concat("fourth",["fifth", "sixth"],["seventh", ["eighth", "ninth"]])
document.write(s[7])
//显示的结果是“eighth, ninth”，说明“eighth, ninth”是以数组的形式被添加了进去，此是s的值为["first", "second", "third", "fourth", "fifth", "sixth", "seventh", ["eighth", "ninth"]] （说明只展开一层）
</script>

slice()方法返回数组的一个片断，或者说是子数组。slice()的参数表示字数组的始末位置，如果只有一个参数，就表示从该处开始一直取到最后，如果参数出现负数，则表示倒数的某个位置。

 

var a=[1,2,3,4,5];
var b=a.slice(3,4); //输出4， 所有[begin,end) 不包括end.

 

<script>
var a = new Array(1, 2, 3, 4, 5)
var b = a.slice(3)  //b为[4, 5]
var c = a.slice(-3) //c为[3, 4, 5]
var d = a.slice(1,-1) //d为[2, 3, 4]
var e = a.slice(-3,-1) //e为[3, 4]
</script>

reverse()方法将数组反向排序，他并不创建和返回一个新的数组，而是在原有的数组上进行操作

<script>
var a = new Array("first", "second", "third")
a.reverse()
document.write(a)
//显示的结果是“third,second,first”，这时候数组的顺序已经颠倒了
</script>

sort()方法的作用是对数组进行排序，这是一个非常奇特的方法，我不知道当初创作他的人是出于懒惰还是聪明，这是一个让我印象深刻的方法。
sort()方法的参数是一个有两个参数，并且有返回值的函数，如果返回的值大于零，则说明前一个参数比后一个参数大，等于零则相等，小于零说明前一个参数比后一个小，而相对小的那个参数将出现在排序的前列。
sort()方法直接在数组上进行操作，同时也返回值，但是两者似乎是等价的。sort()方法默认是用字母的顺序进行排序

<script>
var a = new Array(33, 4, 111, 543)
a.sort(way)
function way(x, y){
    if (x % 2 ==0)  
        return 1;
    if (x % 2 !=0)        
        return -1;
}
//排序的结果是使奇数在前偶数在后
</script>

splice()方法的作用是插入、删除或者替换一个数组元素，他不光会在原有的数组上进行修改，还会返回被处理掉的内容，因此这是一个功能强大，但是不容易使用的方法，splice()方法用前两个参数进行定位，余下的参数表示插入部分。

<script>
var a = new Array(1, 2, 3, 4, 5)
var b = a.splice(2) //a为[1, 2]  b为[3, 4, 5]
var c = new Array(1, 2, 3, 4, 5)
var d = c.splice(2,2) //c为[1, 2, 5]  d为[3, 4]
var e = new Array(1, 2, 3, 4, 5)
var f = f.splice(-4,2) //e为[1, 4, 5]  f为[2, 3]
var g = new Array(1, 2, 3, 4, 5)
var h = g.splice(-2,-2) //第二个参数表示长度，因此负数在此无效
 
var i = new Array(1, 2, 3, 4, 5)
var j = i.splice(2,2,"first","second","third") //i为[1, 2, "first", "second", "third", 5]  j为[3, 4]  后面部分会自动前后移动，以保持数组的连续性
var k = new Array(1, 2, 3, 4, 5)
var l = k.splice(2,2,["first","second"],"third") //k为[1, 2, ["first", "second"], "third", 5]  l为[3, 4]  splice()方法不会展开数组，只直接写入
</script>

 

数组是JavaScript提供的一个内部对象，它是一个标准的集合，我们可以添加(push)、删除(shift)里面元素，我们还可以通过for循环遍历里面的元素，那么除了数组我们在JavaScript里还可以有别的集合吗?

　　由于JavaScript的语言特性，我们可以向通用对象动态添加和删除属性。所以Object也可以看成是JS的一种特殊的集合。下面比较一下Array和Object的特性:

　　Array:

新建:var ary = new Array(); 或 var ary = []; 
增加:ary.push(value); 
删除:delete ary[n]; 
遍历:for ( var i=0 ; i < ary.length ; ++i ) ary[i];

　　Object:

新建:var obj = new Object(); 或 var obj = {}; 
增加:obj[key] = value; (key为string) 
删除:delete obj[key]; 
遍历:for ( var key in obj ) obj[key];

　　从上面的比较可以看出Object完全可以作为一个集合来使用，在使用Popup窗口创建无限级Web页菜单(3)中我介绍过Eric实现的那个__MenuCache__，它也就是一个模拟的集合对象。

　　如果我们要在Array中检索出一个指定的值，我们需要遍历整个数组:

　　
代码： 
var keyword = ; 
　　for ( var i=0 ; i < ary.length ; ++i ) 
　　{ 
　　if ( ary[i] == keyword ) 
　　{ 
　　// todo 
　　} 
　　}

 

　　而我们在Object中检索一个指定的key的条目，只需要是要使用:

　　
代码： 
var key = ''; 
　　var value = obj[key]; 
　　// todo

　Object的这个特性可以用来高效的检索Unique的字符串集合，遍历Array的时间复杂度是O(n)，而遍历Object的时间复杂度是O(1)。虽然对于10000次集合的for检索代价也就几十ms，可是如果是1000*1000次检索或更多，使用Object的优势一下就体现出来了。在此之前我做了一个mapping，把100个Unique的字符mapping到1000个字符串数组上，耗时25-30s!后来把for遍历改成了Object模拟的集合的成员引用，同样的数据量mapping，耗时仅1.7-2s!!!

　　对于集合的遍历效率(从高到低):var value = obj[key]; > for ( ; ; ) > for ( in )。效率最差的就是for( in )了，如果集合过大，尽量不要使用for ( in )遍历。

转自：http://hi.baidu.com/jspboy/item/4923fffb52a28014fe35823a