JavaScript中Array(数组)的属性和方法

xiaoxiao2022-06-11  22

数组有四种定义的方式

使用构造函数: 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>

方法

这里并没有包括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()的参数表示字数组的始末位置,如果只有一个参数,就表示从该处开始一直取到最后,如果参数出现负数,则表示倒数的某个位置。

< 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>
转载请注明原文地址: https://www.6miu.com/read-4931793.html

最新回复(0)