js数组处理学习笔记一

来源:互联网 发布:淘宝店铺找回 编辑:程序博客网 时间:2024/06/01 09:53

感谢这位博主的分享

一、shift:删除原数组第一项,并返回删除元素的值:如果数组为空则返回undefined

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><meta http-equiv="content-type" content="text/html; charset=UTF-8"><script type="text/javascript">function oncl(){var arrayObj=new Array();arrayObj[0]="这是0";arrayObj[1]="这是1";arrayObj[2]="这是2";arrayObj[3]="这是3";arrayObj[4]="这是4";arrayObj[5]="这是5";arrayObj[6]="这是6";arrayObj[7]="这是7";/*shift:删除原数组第一项,并返回删除元素的值:如果数组为空则返回undefined*/var b=arrayObj.shift();alert("删除了"+b);for(var i=0;i<arrayObj.length;i++){alert(arrayObj[i]);}}</script></head><body><input type="button" onclick="oncl()" value="请点击"/></body></html>
二,unshift:将参数添加到原数组开头,并返回数组的长度
<html><head><meta http-equiv="content-type" content="text/html; charset=UTF-8"><script type="text/javascript">function oncl(){var a=[1,2,3,4,5,6,7];/*unshift:将参数添加到原数组开头,并返回数组的长度*/var b=a.unshift(8,9,10,11,12);alert("数组的长度为"+b);for(var i=0;i<a.length;i++){alert(a[i]);}}</script></head><body><input type="button" onclick="oncl()" value="请点击"/></body></html>

三、pop:删除原数组最后一项,并返回删除元素的值,如果数组为空则返回undefined

<html><head><meta http-equiv="content-type" content="text/html; charset=UTF-8"><script type="text/javascript">function oncl(){var arrayObj=new Array([9]);arrayObj[0]="新值0";arrayObj[1]="新值1";arrayObj[2]="新值2";arrayObj[3]="新值3";arrayObj[4]="新值4";arrayObj[5]="新值5";arrayObj[6]="新值6";arrayObj[7]="新值7";/*pop:删除原数组最后一项,并返回删除元素的值,如果数组为空则返回undefined*/var b=arrayObj.pop();alert("最后一项为:"+b);for(var i=0;i<arrayObj.length;i++){alert(arrayObj[i]);}}</script></head><body><input type="button" onclick="oncl()" value="请点击"/></body></html>

四、push:将参数添加到原数组未尾,并返回数组的长度
<html><head><meta http-equiv="content-type" content="text/html; charset=UTF-8"><script type="text/javascript">function oncl(){var arrayObj=[1,2,3];/*push:将参数添加到原数组未尾,并返回数组的长度*/var a=[4,5,6,7,8,9];var b=arrayObj.push(4,5,6,7,8,9);//不用返回的话直接调用就可以了alert("数组的长度为:"+b);for(var i=0;i<arrayObj.length;i++){alert(arrayObj[i]);}}</script></head><body><input type="button" onclick="oncl()" value="请点击"/></body></html>

五、concat:返回一个新数组,是将参数添加到原数组中构成
<html><head><meta http-equiv="content-type" content="text/html; charset=UTF-8"><script type="text/javascript">function oncl(){/*concat:返回一个新数组,是将参数添加到原数组中构成*/var a=[1,2,3,4,5];var b=arrayObj.concat(6,7);//不用返回的话直接调用就可以了//alert("数组的长度为:"+b);for(var i=0;i<b.length;i++){alert(b[i]);}}</script></head><body><input type="button" onclick="oncl()" value="请点击"/></body></html>

六、splice(start,deleteCount,val1,val2,...)从start位置开始删除deleteCount项,并从该位置起插入val1,val2,...
<html><head><meta http-equiv="content-type" content="text/html; charset=UTF-8"><script type="text/javascript">function oncl(){/*splice(start,deleteCount,val1,val2,...)从start位置开始删除deleteCount项,并从该位置起插入val1,val2,...从清空数组时,只需传递startIndex。如果不删除所有元素,再传递deleteCount参数,splice还具有先删除后添加功能,即先删除几个元素,然后在删除的位置再添加若干个元素,删除与添加的元素的个数没有必须相等,这时候deletecount也是要用到的*/var a=[1,2,3,4,5];//a:[1,2,7,8,9,5],b:[3,4]var b=a.splice(2,2,7,8,9);for(var i=0;i<b.length;i++){//b[3,4]alert(b[i]);}for(var i=0;i<a.length;i++){//a:[1,2,7,8,9,5]alert("这是a数组"+a[i]);}}</script></head><body><input type="button" onclick="oncl()" value="请点击"/></body></html>


七、reverse:将数组反序
<html><head><meta http-equiv="content-type" content="text/html; charset=UTF-8"><script type="text/javascript">function oncl(){/*reverse:将数组反序*/var a=[1,2,3,4,5];var b=a.reverse();//不用返回的话直接调用就可以了//alert("数组的长度为:"+b);for(var i=0;i<b.length;i++){alert(b[i]);}}</script></head><body><input type="button" onclick="oncl()" value="请点击"/></body></html>

八、slice(start,end):返回从原数组中指定开始下标到结束下标之间的项组成的新数组
<html><head><meta http-equiv="content-type" content="text/html; charset=UTF-8"><script type="text/javascript">function oncl(){/*slice(start,end):返回从原数组中指定开始下标到结束下标之间的项组成的新数组*/var a=[1,2,3,4,5];var b=a.slice(2,5);//a:[1,2,3,4,5],b:[3,4,5]//alert("数组的长度为:"+b);for(var i=0;i<b.length;i++){alert(b[i]);}}</script></head><body><input type="button" onclick="oncl()" value="请点击"/></body></html>

九、join(separator):将数组的元素组起一个字符串,以separator为分隔符,省略的话则用默认用逗号为分隔符
<html><head><meta http-equiv="content-type" content="text/html; charset=UTF-8"><script type="text/javascript">function oncl(){/*join(separator):将数组的元素组起一个字符串,以separator为分隔符,省略的话则用默认用逗号为分隔符*/var a=[1,2,3,4,5];var b=a.join(",");//不用返回的话直接调用就可以了alert("字符串为:"+b);}</script></head><body><input type="button" onclick="oncl()" value="请点击"/></body></html>

十、sort(orderfunction):将指定的参数对数组进行排序
<html><head><meta http-equiv="content-type" content="text/html; charset=UTF-8"><script type="text/javascript">function oncl(){/*sort(orderfunction):将指定的参数对数组进行排序*/var a=[9,8,5,6,3,4,2,1,7];var b=a.sort();////alert("数组的长度为:"+b);for(var i=0;i<b.length;i++){alert(b[i]);}}</script></head><body><input type="button" onclick="oncl()" value="请点击"/></body></html>





0 0
原创粉丝点击