分析JavaScript数组的各种常见用法示例

本文中的示例描述了JavaScript数组的各种常见用途。分享给大家参考。具体如下：

运行效果如下图所示：

具体代码如下：

！DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www .w3。org/TR/XHTML 1/DTD/XHTML 1-Transitional。DTD ' html xmlns=' http://www .w3。org/1999/XHTML ' hearteta http-equiv=' Content-Type ' Content=' text/html；charset=utf-8' /titlejavascript各种数组方法的使用/title style div { color : green；padd :10 px 15 pxmargin :12 px 0；背景技术： # f0f 0；border:1px虚线# 333;font:12px/1.5快递新品；单词包装：断字；}/style脚本类型=' text/JavaScript '窗口。onload=function(){ var ADiv=document。getelementsbytagname(' div ')；var aInput=文档。getelementsbytagname(' input ')；var I=0；var bS1=bS2=真；var ATMP=[]；//删除/添加第一项输入[0]。onclick=function(){ ATMP=GetArray(ADiv[0]).innerHTML)；bS1？//删除第一项，shift()方法(aTmp.shift()，this.value=this.value.replace('删除','添加)，bS1=假): //添加第一项，unshift()方法(ATMP。unshift(' 1月(1)')，this.value=this.value.replace('添加','删除)，bS1=真);//输出aDiv[0].ATMP。join()}；//删除/添加最后一项输入[1].onclick=function(){ ATMP=GetArray(ADiv[0]).innerHTML)；bS2？//删除最后一项，pop()方法(aTmp.pop()，this.value=this.value.replace('删除','添加)，bS2=假): //添加最后一项，推送()方法(ATMP。推动(' 12月(12)')，this.value=this.value.replace('添加','删除)，bS2=真);//输出aDiv[0].ATMP。join()}；//复制，concat()方法输入[2].onclick=function(){ ATMP=GetArray(ADiv[1]).innerHTML)；//输出aDiv[1].innerHTML=aTmp.concat(aTmp).toString().替换(/\ s/g ' ')}；//还原，利用数组的长度特点输入[3].onclick=function(){ ATMP=GetArray(ADiv[1]).innerHTML)；//设置数组长度aTmp.length=10//输出aDiv[1].ATMP。join()}；//第三组数据还原输入[4].onclick=function () { aTmp=['red '，' green '，' blue '，' white '，' yellow '，' black '，' brown ']；//输出aDiv[2].ATMP。join()}；//删除前三项输入[5].onclick=function(){ ATMP=GetArray(ADiv[2]).innerHTML)；//删除， 0开始，删除3个aTmp.splice(0，3)；//输出aDiv[2].ATMP。join()}；//删除第二至三项输入[6]。onclick=function(){ ATMP=GetArray(ADiv[2]).innerHTML)；//删除， 2开始，删除2个aTmp.splice(1，2)；//输出aDiv[2].ATMP。join()}；//在第二顶后插入橙色','紫色输入[7]。onclick=function(){ ATMP=GetArray(ADiv[2]).innerHTML)；//插入， 2开始，插入橙色','紫色aTmp.splice(1，0 '橙色','紫色');//输出aDiv[2].ATMP。join()}；//替换第二项和第三项输入[8].onclick=function(){ ATMP=GetArray(ADiv[2]).innerHTML)；//插入， 2开始替换aTmp.splice(1，2，' #009900 '，' # 0000 ff ')；//输出aDiv[2].ATMP。join()}；//将差异中的内容转为数组//str div对象函数ATMP。长度=0；str=str.split('，')；for(str中的ATMP。push(str[I])；return ATmp } }/script/headdy div 1月(1日)、2月(2日)、3月(3日)、4月(4日)、5月(5日)、6月(6日)、7月(7日)、阿奎斯特(8日)、9月(9日)、10月(10日)、11月(11日)、12月(12日)/divinput type='button' value='删除一月(1)'/输入类型='按钮'值='删除十二月(12)' /div0，1，2，3，4，5，6，7，8，9/div put type=' button ' value='复制/input type='button' value='还原/divred，绿色、蓝色、白色、黄色、黑色、棕色/div put type=' button ' value='还原/input type='button' value='删除前三项/input type='button' value='删除第二至三项/input type='button' value='在第二项后插入（橙色、紫色)'/输入类型='按钮'值='替换第二项和第三项//正文/html希望本文所述对大家的爪哇岛描述语言程序设计有所帮助。