数组有四种定义的方式
使用构造函数:
var a = new Array();
var b = new Array(8);
var c = new Array("first", "second", "third");
或者数组直接量:
var d = ["first", "second", "third"];
=============================================
array.map(func):
地址:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array/map
Array.prototype.map()
map() 方法返回一个由原数组中的每个元素调用一个指定方法后的返回值组成的新数组。
function fuzzyPlural(single) { var result = single.replace(/o/g, 'e'); if( single === 'kangaroo'){ result += 'se'; } return result; } var words = ["foot", "goose", "moose", "kangaroo"]; console.log(words.map(fuzzyPlural)); // ["feet", "geese", "meese", "kangareese"]
//下面的代码创建了一个新数组,值为原数组中对应数字的平方根。 var numbers = [1, 4, 9]; var roots = numbers.map(Math.sqrt); /* roots的值为[1, 2, 3], numbers的值仍为[1, 4, 9] */
=============================================
属性
Array只有一个属性,就是length,length表示的是数组所占内存空间的数目,而不仅仅是数组中元素的个数
< 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,说明即使删除也无法改变数组的长度
for(var i in a){
alert(a[i]); //剩下first/third
}
var a = new Array ( " first " , " second " , " third " )
a . length = 1
document . write ( a . length )
//显示的结果是1,说明只剩下一个元素了
< / script>
但可通过重写数组长度实现元素增减
方法
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 b = a.push("4,5,[6,7]") //b为4
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() 方法返回数组的一个片断,或者说是子数组 。如果只有一个参数,就表示从该处开始一直取到最后,如果参数出现负数,则表示倒数的某个位置。
stringObj.slice(start, [end])
如果省略 end ,那么 slice 方法将一直复制到 arrayObj 的结尾。
否则一直复制到 end 所指定的元素,但是不包括 该元素 。
str1.slice(0,-1) // -1 指向 str1 中的最后一个字符
< 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()方法的参数是一个有两个参数,并且有返回值的函数 ,
a. 如果返回的值大于零,则说明前一个参数比后一个参数大,
b. 等于零则相等,
c.小于零说明前一个参数比后一个小,而相对小的那个参数将出现在排序的前列。
sort()方法直接在数组上进行操作,同时也返回值,但是两者似乎是等价的。sort()方法默认是用字母的顺序进行排序
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>
var arr = [2,4,6,7];
Array.prototype.remove = function(from,to){
var ret = arr.slice((to || from) + 1 || this.length);
this.length = from<0 ? this.length + from : from;
alert(ret+" "+this.length);
return this.push.apply(this,ret);
}
//arr.remove(1);
//此时ret = [6,7]
//this.length = 1; 此时arr为[2]
//最后apply,arr为[2,6,7]
arr.remove(1,2);
//此时ret = [7]
//this.length = 1,此时arr为[2]
//最后arr = [2,7]
//alert(arr);
.
JavaScript中清空数组的三种方式
方式1,splice
- var ary = [1,2,3,4];
- ary.splice(0,ary.length);
- console.log(ary); // 输出 [],空数组,即被清空了
方式2,length赋值为0
这种方式很有意思,其它语言如Java,其数组的length是只读的,不能被赋值。如
- int[] ary = {1,2,3,4};
- ary.length = 0;
Java中会报错,编译通不过。
而JS中则可以,且将数组清空了,如
- var ary = [1,2,3,4];
- ary.length = 0;
- console.log(ary); // 输出 [],空数组,即被清空了
目前 Prototype中数组的 clear 方法和mootools库中数组的 empty 方法使用这种方式清空数组。
方式3,赋值为[]
- var ary = [1,2,3,4];
- ary = []; // 赋值为一个空数组以达到清空原数组
Ext库Ext.CompositeElementLite类的 clear 方法使用这种方式清空。
方式2 保留了数组其它属性,方式3 则未保留。
很多人认为方式2的效率很高些,因为仅仅是给length重新赋值了,而方式3则重新建立个对象。经 测试 恰恰是方式3的效率高。测试代码:
- var a = [];
- for (var i=0; i< 1000000; i++){
- a.push(i);
- }
- var start = new Date();
- //a = [];
- a.length = 0;
- var end = new Date();
- alert(end - start);
测试结果:
IE6 | IE7 | IE8 | IE9 | Firefox | Safari | Chrome | |
a.length=0 | 94 | 29 | 14 | 1 | 4 | 3 | 1 |
a=[] | 0 | 0 | 0 | 0 | 0 | 0 | 0 |
JavaScript中清空数组的三种方式