跟我学javascript

数组

一和二的这些数组方法其实都是模拟堆栈的存放和提取功能。

一.push()、pop()

     push和pop在数组的尾部进行操作

     push 加入一个或多个元素在数组的尾部,然后返回整个数组长度

     pop 删除数组尾部一个元素(其实就类似堆栈的提取),返回的是该 删除的元素 ,不是数组长度

例子:

<script type="text/javascript">
var a = []; //新建一个数组 //下面开始模拟堆栈存储数据(先进后出) a.push("a"); //向数组添加一个元素a ,会返回一个长度1 a.pop(); //向数组中拿出一个元素, 返回 a 元素 a.push("b"); //向数组添加一个元素b ,会返回一个长度1 a.pop(); //向数组中拿出一个元素, 返回 b 元素 a.push("c","d"); //向数组添加2个元素c,d ,会返回一个长度2 a.pop(); //向数组尾部拿出一个元素, 返回 d 元素 ,因为先压入c,再压入d,提取从尾部开始提取,所以是d </script>

图解:

二.shift()、unshift()

     shift和unshift在数组头部进行操作

     unshift 加入一个或多个元素在数组的头部,然后返回整个数组总元素(数组长度)

     pop 删除数组头部一个元素(其实就类似堆栈的提取),返回的是该 删除的元素 ,不是 数组总元素(数组长度)

例子:

    var b = [0]; //新建一个数组,有一个0元素

   b.unshift(1, 2); // 在数组头部加入2个元素,1,2

    alert(a); // 返回数组,结果:1,2,0

    var c = [0, 1, 2, 3]; //新建一个数组有4个元素,0,1,2,3

    c.shift();  //在数组头部返回删除元素0

    alert(c); //返回数组: 1,2,3

图解:

三.模拟消息队列

   push和shift 或 pop和unshift 组合起来,可以模拟消息队列的方式。

列子:

 

图解:

 

四、粘连数组 cancat()

    该方法不是模拟堆栈方式把数据连接起来,而且创建一个新的数组,返回连接后的数据,不是在原来的数组基础上修改。

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

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"]]

 

五、slice():返回数组的部分

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

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] 

 

六、reverse():将数组反向排序

如果只想把数组倒过来,建议使用这个方法

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


七、sort():对数组进行排序操作

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

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; 
} 
//排序的结果是使奇数在前偶数在后

 

八、splice():插入、删除或者替换一个数组元素

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

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()方法不会展开数组,只直接写入

 

九、join():把数组转换成一个用符号连接的字符串

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

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

 

另一个教程:http://www.cnblogs.com/jikey/archive/2009/12/11/1621865.html

未完,等待更新。

posted @ 2013-05-08 16:52  黑色技术  阅读(186)  评论(0编辑  收藏  举报