Javascript数组创建及其常见操作

你对Javascript数组的操作是否熟悉，这里和大家简单分享一下，主要包括创建，添加，删除，读取，以及JavaScript数组常见方法和属性等内容，相信本文介绍一定会让你有所收获。

我们提供的服务有：成都网站制作、成都网站设计、微信公众号开发、网站优化、网站认证、阜南ssl等。为成百上千家企事业单位解决了网站和推广的问题。提供周到的售前咨询和贴心的售后服务，是有科学管理、有技术的阜南网站制作公司

Javascript数组及其操作

本文介绍如下几个方面的内容:

1.如何创建JavaScript数组

2.如何对JavaScript数组进行操作（添加,删除,读取)

3.JavaScript数组常见方法和属性

◆如何创建一个数组,一般地根据初始化设定简单分为3种:

1.单纯创建JavaScript数组:

　　vararr=newArray();

　　要点:用new关键字创建数组对象Array(),Array()对象是一个本地类,可以用new创建一个对象后使用

2.创建JavaScript数组的同时规定数组大小:

　　vararr=newArray(10);//这里就创建了一个初始化大小为10的数组

　　注意:当使用数组大小操作初始化大小时,数组会自动被撑大,不会像C语言那样发生错误.动态增长是js数组的一个性质.另外,js中支持最大数组长度为4294967295

3.直接初始化:

　　vararr=newArray("草履虫","爱","毛毛");//这里就直接初始化了数组或vararr=["草履虫","爱","毛毛"];//括号也可以声明一个数组对象，　当然,类似C语言,你也可以定义2维3维和多维的数组,这里不讨论。

JavaScript数组的属性:length

　　arr.length返回数组arr的长度,常见于循环中对数组的遍历,比如:

 
 
 
    
  
  
  
  1. for(vari=0;i  
  
  
  2. 执行部分  
    3.   
  
  
  3. } 
    4.

　　数组元素的访问:arr[index],其中index表示索引即数组基数,从0开始,共有arr.length个元素.比如:arr[0]访问第一个数组元素,arr[1]访问第二个数组元素....依次类推数组的操作方法:先概览下下面的这些操作数组常用的方法(13个)

 
 
 
    
  
  
  
  1. toString(),valueOf(),toLocalString(),join(),  
    2.   
  
  
  2. split(),slice(),concat(),  
    3.   
  
  
  3. pop(),push(),shift(),unshift(),sort(),splice() 
    4.

　#p#　下面逐一分析这些方法的功能和用法.

     ◆toString(),valueOf(),toLocalString():

　　功能:返回数组的全部元素

　　注:JavaScript数组名也可以返回整个数组

　　代码:　　

 
 
 
    
  
  
  
  1. varm=["am","bm","cm"];//用括号声明一个数组对象　  
    2.   
  
  
  2.  
    3.   
  
  
  3. 　　alert(m.toString());
    4.   
  
  
  4. //toString()返回数组对象的所有内容,用逗号分割,即am,bm,cm　  
    5.   
  
  
  5.  
    6.   
  
  
  6. 　　alert(m.valueOf());//valueOf()也返回数组对象的所有内容　  
    7.   
  
  
  7.  
    8.   
  
  
  8. 　　alert(m.toLocaleString());
    9.   
  
  
  9. //toLocaleString()也返回数组对象的所有内容,但有地区语言区别,暂不研究　  
    10.   
  
  
  10.  
    11.   
  
  
  11. 　　alert(m);//数组名也返回数组对象的所有内容　  
    12.   
  
  
  12.  
    13.   
  
  
  13. varm=["am","bm","cm"];  
    14.   
  
  
  14. //用括号声明一个数组对象alert(m.toString());  
    15.   
  
  
  15. //toString()返回数组对象的所有内容,用逗号分割,即am,bm,cmalert(m.valueOf());  
    16.   
  
  
  16. //valueOf()也返回数组对象的所有内容alert(m.toLocaleString());  
    17.   
  
  
  17. //toLocaleString()也返回数组对象的所有内容,但有地区语言区别,暂不研究alert(m);  
    18.   
  
  
  18. //数组名也返回数组对象的所有内容  
    19.   
  
  
  19. 运行: 
    20.   
  
  
  20.  
    21.

 　　◆join():

　　功能:把JavaScript数组各个项用某个字符(串)连接起来,但并不修改原来的数组

　　代码:

 
 
 
    
  
  
  
  1. 　　varm=["am","bm","cm"];//用括号声明一个数组对象　  
    2.   
  
  
  2.  
    3.   
  
  
  3. 　　varn=m.join("---");//用---连接am,bm,cm.　  
    4.   
  
  
  4.  
    5.   
  
  
  5. 　　alert(m.toString());//m并没有被修改,返回am,bm,cm　  
    6.   
  
  
  6.  
    7.   
  
  
  7. 　　alert(n);//n是一个字符串,为am---bm---cm　  
    8.   
  
  
  8.  
    9.   
  
  
  9. varm=["am","bm","cm"];  
    10.   
  
  
  10. //用括号声明一个数组对象varn=m.join("---");
    11.   
  
  
  11. //用---连接am,bm,cm.alert(m.toString());  
    12.   
  
  
  12. //m并没有被修改,返回am,bm,cmalert(n);  
    13.   
  
  
  13. //n是一个字符串,为am---bm---cm  
    14.   
  
  
  14. 运行: 
    15.

     ◆split():

　　功能:把一个字符串按某个字符(串)分割成一个数组,但不修改原字符串

　　代码:

 
 
 
    
  
  
  
  1. 　　varstr="Ilovemaomao,Iamcaolvchong";　　  
    2.   
  
  
  2.  
    3.   
  
  
  3. 　　vararr=str.split("o");//按字符o把str字符串分割成一个数组　  
    4.   
  
  
  4.  
    5.   
  
  
  5. 　　alert(arr);//输出整个数组　  
    6.   
  
  
  6.  
    7.   
  
  
  7. varstr="Ilovemaomao,Iamcaolvchong";  
    8.   
  
  
  8. vararr=str.split("o");  
    9.   
  
  
  9. //按字符o把str字符串分割成一个数组alert(arr);  
    10.   
  
  
  10. //输出整个数组  
    11.   
  
  
  11. 运行: 
    12.

　　◆slice():

        功能：返回某个位置开始(到某个位置结束)的数组部分,不修改原JavaScript数组

　　代码:

 
 
 
    
  
  
  
  1. 　　varm=["am","bm","cm","dm","em","fm"];　　  
    2.   
  
  
  2.  
    3.   
  
  
  3. 　　varn=m.slice(2);//返回第二个元素bm后面的元素,即cm,dm,em,fm　  
    4.   
  
  
  4.  
    5.   
  
  
  5. 　　varq=m.slice(2,5);//返回第二个元素后到第五个元素,即cm,dm,em　  
    6.   
  
  
  6.  
    7.   
  
  
  7. 　　alert(n);　　  
    8.   
  
  
  8.  
    9.   
  
  
  9. 　　alert(q);　  
    10.   
  
  
  10.  
    11.   
  
  
  11. varm=["am","bm","cm","dm","em","fm"];  
    12.   
  
  
  12. varn=m.slice(2);  
    13.   
  
  
  13. //返回第二个元素bm后面的元素,即cm,dm,em,fmvarq=m.slice(2,5);  
    14.   
  
  
  14. //返回第二个元素后到第五个元素,即cm,dm,emalert(n);alert(q);  
    15.   
  
  
  15. 运行: 
    16.

#p#JavaScript数组对象的栈操作:

　　push():数组末尾添加一个项

       pop():删除数组最后一个项

　　代码:

 
 
 
    
  
  
  
  1. 　　varm=["am","bm","cm","dm","em","fm"];　　  
    2.   
  
  
  2.  
    3.   
  
  
  3. 　　m.push("gm");//在数组末尾添加元素gm　  
    4.   
  
  
  4.  
    5.   
  
  
  5. 　　alert(m);　　  
    6.   
  
  
  6.  
    7.   
  
  
  7. 　　m.pop();//删除数组最后一个元素gm　  
    8.   
  
  
  8.  
    9.   
  
  
  9. 　　alert(m);　  
    10.   
  
  
  10.  
    11.   
  
  
  11. varm=["am","bm","cm","dm","em","fm"];m.push("gm");  
    12.   
  
  
  12. //在数组末尾添加元素gmalert(m);m.pop();  
    13.   
  
  
  13. //删除数组最后一个元素gmalert(m);  
    14.   
  
  
  14. 运行: 
    15.   
  
  
  15.  
    16.   
  
  
  16.  
    17.   
  
  
  17.  
    18.

 JavaScript 数组对象的队列操作:

　　unshift():数组头添加一个项

　　shift():删除数组第一个项

　　代码:

 
 
 
    
  
  
  
  1. 　　varm=["am","bm","cm","dm","em","fm"];　　  
    2.   
  
  
  2.  
    3.   
  
  
  3. 　　m.unshift("gm");//在数组第一个元素位置添加元素gm　  
    4.   
  
  
  4.  
    5.   
  
  
  5. 　　alert(m);　　  
    6.   
  
  
  6.  
    7.   
  
  
  7. 　　m.shift();//删除数组第一个元素gm　  
    8.   
  
  
  8.  
    9.   
  
  
  9. 　　alert(m);　  
    10.   
  
  
  10.  
    11.   
  
  
  11. varm=["am","bm","cm","dm","em","fm"];m.unshift("gm");  
    12.   
  
  
  12. //在数组第一个元素位置添加元素gmalert(m);m.shift();  
    13.   
  
  
  13. //删除数组第一个元素gmalert(m);  
    14.   
  
  
  14. 运行: 
    15.   
  
  
  15.  
    16.   
  
  
  16.  
    17.

       ◆ sort():

      功能：数组按字符的ASCII码进行排序,修改数组对象

　　注:即便是数字数组,也将转化为字符串来进行比较排序

　　代码:

 
 
 
    
  
  
  
  1. 　　varm=["am","fm","gm","bm","em","dm"];　　  
    2.   
  
  
  2.  
    3.   
  
  
  3. 　　m.sort();//按字母序排序　  
    4.   
  
  
  4.  
    5.   
  
  
  5. 　　alert(m);　  
    6.   
  
  
  6.  
    7.   
  
  
  7. varm=["am","fm","gm","bm","em","dm"];m.sort();  
    8.   
  
  
  8. //按字母序排序alert(m);  
    9.   
  
  
  9. 运行: 
    10.   
  
  
  10.  
    11.

 　#p#　◆concat():

       功能：在JavaScript数组尾添加元素,但不修改数组对象

　　代码:

 
 
 
    
  
  
  
  1. 　　varm=["am","bm"]　　  
    2.   
  
  
  2.  
    3.   
  
  
  3. 　　varn=m.concat("cm");//添加一项cm,并且赋予新数组对象　  
    4.   
  
  
  4.  
    5.   
  
  
  5. 　　alert(m);//原数组没有被修改　  
    6.   
  
  
  6.  
    7.   
  
  
  7. 　　alert(n);//输出新数组对象　  
    8.   
  
  
  8.  
    9.   
  
  
  9. varm=["am","bm"]varn=m.concat("cm");  
    10.   
  
  
  10. //添加一项cm,并且赋予新数组对象alert(m);  
    11.   
  
  
  11. //原数组没有被修改alert(n);//输出新数组对象  
    12.   
  
  
  12. 运行: 
    13.   
  
  
  13.  
    14.   
  
  
  14.  
    15.

 　　◆splice():在数组的任意位置进行添加,删除或者替换元素,直接修改数组对象

　　细节:

　　splice()有三个参数或三个以上参数,前两个是必须的,后面参数是可选的

　　进行添加:splice(起始项,0,添加项)

　　进行删除:splice(起始项,要删除的项个数)

　　进行替换:splice(起始项,替换个数,替换项)这个其实是添加删除的共同结果

　　代码:

 
 
 
    
  
  
  
  1. 　　varm=["am","bm"]　　  
    2.   
  
  
  2.  
    3.   
  
  
  3. 　　m.splice(1,0,"fm","sm");//在第一项后面添加fm和sm,返回am,fm,sm,bm　  
    4.   
  
  
  4.  
    5.   
  
  
  5. 　　alert(m);　　  
    6.   
  
  
  6.  
    7.   
  
  
  7. 　　m.splice(2,1);//删除第二项后面一项(即第三项sm,返回am,fm,bm)　  
    8.   
  
  
  8.  
    9.   
  
  
  9. 　　alert(m);　　  
    10.   
  
  
  10.  
    11.   
  
  
  11. 　　m.splice(2,1,"mm");//替换第二项后面一项(即第三项,返回am,fm,mm)　  
    12.   
  
  
  12.  
    13.   
  
  
  13. 　　alert(m);　  
    14.   
  
  
  14.  
    15.   
  
  
  15. varm=["am","bm"]m.splice(1,0,"fm","sm");  
    16.   
  
  
  16. //在第一项后面添加fm和sm,返回am,fm,sm,bmalert(m);m.splice(2,1);  
    17.   
  
  
  17. //删除第二项后面一项(即第三项sm,返回am,fm,bm)alert(m);
    18.   
  
  
  18. m.splice(2,1,"mm");  
    19.   
  
  
  19. //替换第二项后面一项(即第三项,返回am,fm,mm)alert(m);  
    20.   
  
  
  20. 运行: 
    21.   
  
  
  21.  
    22.

网站栏目：Javascript数组创建及其常见操作
网站网址：http://www.mswzjz.cn/qtweb/news14/216964.html

攀枝花网站建设、攀枝花网站运维推广公司-贝锐智能，是专注品牌与效果的网络营销公司；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 贝锐智能

贝锐智能技术为您推荐以下文章

服务器托管知识

分类信息网站

云服务器　　 　圣与卓设计　　 　网站设计制作报价　　 　绵竹做网站　　 　成都全屋定制　　 　成都网站设计　　 　成都楼顶广告牌　　 　成都网络推广　　 　绵阳电信服务器托管　　 　成都手机网站建设　　 　成都网站优化　　 　免备案空间　　 　装饰公司网站建设方案　　 　雪茄烟　　 　安娜尚美　　 　广告媒介投放　　 　校园网站建设方案　　 　成都网站推广　　 　成都网站建设　　 　恒翔机电