您的位置:首页 > Web前端 > JavaScript

javascript实用技巧--数组.

2012-03-09 00:00 471 查看


数组和字符串类型对象的方法我特容易搞混淆,所以把他列出来,免得每次取查。

1、concat方法

[作用] 将多个数组联合起来,这个方法不会改变现存的数组,它只返回了所结合数组的一份拷贝。

[语法] arrayObj.concat(array1,array2,...)

[实例]


程序代码

<script type="text/javascript">

var array1 = new Array("1","2");

var array2 = new Array("3","4");

var array3 = array1.concat(array2);

document.write(array3+"<br/>");

document.write(array3[0]);

</script>

2、join方法,

[作用] 将原有数组对象转换成1个字符串,可以用指定分隔符进行串联。

[语法] arrayObj.join(separator),separator为分隔符,默认为“,”。

[实例]


程序代码

<script type="text/javascript">

var array1 = new Array("1","2");

document.write(array1.join());

</script>

3、pop、shift方法

[作用] pop方法删除和返回数组中最后一个元素,同时,数组的长度发生变化。与之相对的是shift()方法,删除和返回数组第一个元素。

[语法] arrayObj.pop|shift()

[实例]


程序代码

<script type="text/javascript">

var array1 = new Array("1","2","3","4");

document.write(array1.pop()+"<br>");

document.write(array1.length+"<br>");

document.write(array1.shift()+"<br>");

document.write(array1.length);

</script>

4、push、unshift方法

[作用] 向数组的末尾添加一个或多个元素并且返回新的长度。同时,数组的长度将会被改变,与之相对应的是unshift方法。注意,方法的返回值并不是新的数组,而是新数组的长度。

[语法] arrayObj.push|unshift(ele1,ele2,ele3,...)

[实例]


程序代码

<script type="text/javascript">

var array1 = new Array("1","2","3","4");

var newL = array1.push("5","6");

document.write(newL+"<br>");

document.write(array1);

</script>

5、reverse方法

[作用] 把数组中的元素排列次序颠倒过来。

[语法] arrayObj.reverse()

[实例]


程序代码

<script type="text/javascript">

var array1 = new Array("1","2","3","4");

document.write(array1.reverse());

</script>

6、slice方法

[作用] 可将现存数组中选种的元素返回。

[语法] arrayObj.slice(startposition,endposition),第一个参数为必选,第二个为可选,如不写,则默认为从startposition到最后一个元素。注意,包含startposition这个位置的元素,而不包括endposition。

[实例]


程序代码

<script type="text/javascript">

var array1 = new Array("1","2","3","4");

document.write(array1.slice(0,2));

</script>

7、sort方法

[作用] 用来对数组元素进行排序。

[语法] arrayObj.sort(sortRule())。参数可选,代表排序的方法。特别说明,sort排序有几个基本原则,第一,默认按照字母顺序排列;第二,大写字母排在小写字母之前。基与此,对于数字排序,需要自己写排序方法。

[实例]


程序代码

<script type="text/javascript">

var array1 = new Array("c","a","d","b");

var array2 = new Array("c","a","D","b");

var array3 = new Array("100","2","3","1")

function sortRule(a,b){

return a-b;

}

document.write(array1.sort()+"<br>");

document.write(array2.sort()+"<br>");

document.write(array3.sort(sortRule));

</script>

8、splice方法

[作用] 向数组删除并加入新的元素。

[语法] arrayObj.splice(index,number,ele1,ele2...)。index为索引位置,必须为数字,代表从哪个位置插入或者删除元素。number,代表从index位置往后删除的元素个数,如果为“0”则表示在index插入新元素,不删除往后的数组元素。(说得太混了~~~直接看代码实例)

[实例]


程序代码

<script type="text/javascript">

var array1 = new Array("c","a","d","b");

array1.splice(0,0,"m")

document.write(array1+"<br>");

array1.splice(0,2,"n")

document.write(array1);

</script>

9、toString方法

[作用] 使用率非常高的方法,直接将数组类型对象转换成字符串类型对象。

[语法] arrayObj.toString()

[实例]


程序代码

<script type="text/javascript">

var array1 = new Array("c","a","d","b");

strObj = array1.toString();

document.write(strObj+"<br>");

</script>

注意:新的字符串是原数组连接而成,但是中间有“,”分隔,如想去掉“,”,可以这样写:


程序代码

<script type="text/javascript">

var array1 = new Array("c","a","d","b");

strObj = array1.toString().replace(/,/g,"");

document.write(strObj.replace+"<br>");

</script>

作者:admin

时间:2008-01-18

$(document).ready(function(){dp.SyntaxHighlighter.HighlightAll('code');});

原文链接:
http://blog.csdn.net/vanessa219/article/details/4289204
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: