欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

JavaScript中数组的方法有哪些?有什么用?

程序员文章站 2022-03-12 19:12:24
...
本篇文章给大家带来的内容是介绍JavaScript中数组的方法、数组方法的作用和使用方法。有一定的参考价值,有需要的朋友可以参考一下,希望对你们有所帮助。【相关视频教程推荐:JavaScript教程

一、数组的创建和赋值

定义数组,数组赋值

<script type="text/javascript">    
      //赋值的方法1:添加任意多的值
      var arr1 = new Array();
      arr1[0]='小胡子1';
      arr1[1]='中胡子1';
      arr1[2]='大胡子1';
      alert(arr1);        
      
      //赋值的方法2:使用一个整数自变量来控制数组的容量
        var arr2 = new Array(3);
      arr2[0]='小胡子2';
      arr2[1]='中胡子2';
      arr2[2]='大胡子2';
      alert(arr2);    
</script>

JavaScript中数组的方法有哪些?有什么用?JavaScript中数组的方法有哪些?有什么用?

二、数组的方法

concat(): 连接两个或更多的数组,并返回结果。

<script type="text/javascript">    
        var arr1 = new Array();
        arr1[0]='小胡子1';
        arr1[1]='中胡子1';
        arr1[2]='大胡子1';        
            
        var arr2 = new Array();
        arr2[0]='小胡子2';
        arr2[1]='中胡子2';
        arr2[2]='大胡子2';   
                 
        var arrConcat = arr1.concat(arr2);
        alert(arrConcat);    
</script>

JavaScript中数组的方法有哪些?有什么用?

join(): 把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔。   

    <script type="text/javascript">    
        var arr1 = new Array();
        arr1[0]='小胡子1';
        arr1[1]='中胡子1';
        arr1[2]='大胡子1';
        alert(arr1.join());    
   </script>

JavaScript中数组的方法有哪些?有什么用?

pop(): 删除并返回数组的最后一个元素

<script type="text/javascript">    
        var arr1 = new Array();
        arr1[0]='小胡子1';
        arr1[1]='中胡子1';
        arr1[2]='大胡子1';
        alert(arr1);
        alert(arr1.pop());
        alert(arr1);    
</script>

JavaScript中数组的方法有哪些?有什么用?JavaScript中数组的方法有哪些?有什么用?JavaScript中数组的方法有哪些?有什么用?

push(): 向数组的末尾添加一个或更多元素,并返回新的长度。

<script type="text/javascript">    
        var arr1 = new Array();
        arr1[0]='小胡子1';
        arr1[1]='中胡子1';
        arr1[2]='大胡子1';
        alert(arr1);
        alert(arr1.push("特大胡子1"));
        alert(arr1);    
</script>

JavaScript中数组的方法有哪些?有什么用?JavaScript中数组的方法有哪些?有什么用?JavaScript中数组的方法有哪些?有什么用?

reverse(): 颠倒数组中元素的顺序。 

<script type="text/javascript">    
        var arr1 = new Array();
            arr1[0] = 'F';
            arr1[1] = 'A';
            arr1[2] = 'C';
            alert(arr1);
            alert(arr1.reverse());    
</script>

JavaScript中数组的方法有哪些?有什么用?  JavaScript中数组的方法有哪些?有什么用?

shift(): 删除并返回数组的第一个元素

<script type="text/javascript">
            var arr1 = new Array();
            arr1[0] = '小胡子1';
            arr1[1] = '中胡子1';
            arr1[2] = '大胡子1';
            alert(arr1);
            alert(arr1.shift());
            alert(arr1);        
</script>

JavaScript中数组的方法有哪些?有什么用?  JavaScript中数组的方法有哪些?有什么用?  JavaScript中数组的方法有哪些?有什么用?

slice(): 从某个已有的数组返回选定的元素

<script type="text/javascript">
            var arr1 = new Array();
            arr1[0] = '小胡子0';
            arr1[1] = '小胡子1';
            arr1[2] = '小胡子2';
            arr1[3] = '小胡子3';
            arr1[4] = '小胡子4';
            alert(arr1);
            alert(arr1.slice(1,3));        
</script>

JavaScript中数组的方法有哪些?有什么用?  JavaScript中数组的方法有哪些?有什么用?

sort(): 对数组的元素进行排序

<script type="text/javascript">
            var arr1 = new Array();
            arr1[0] = 'F';
            arr1[1] = 'A';
            arr1[2] = 'C';
            alert(arr1);
            alert(arr1.sort());        
</script>

JavaScript中数组的方法有哪些?有什么用?  JavaScript中数组的方法有哪些?有什么用?

splice(): 删除元素,并向数组添加新元素。

<script type="text/javascript">
            var arr1 = new Array();
            arr1[0] = '小胡子0';
            arr1[1] = '小胡子1';
            arr1[2] = '小胡子2';
            arr1[3] = '小胡子3';
            arr1[4] = '小胡子4';
            alert(arr1);
            arr1.splice(2, 1, '新胡子');
            alert(arr1);        
</script>

JavaScript中数组的方法有哪些?有什么用?  JavaScript中数组的方法有哪些?有什么用?

toString(): 把数组转换为字符串,并返回结果。数组中的元素之间用逗号分隔。

<script type="text/javascript">
            var arr1 = new Array();
            arr1[0] = '小胡子0';
            arr1[1] = '小胡子1';
            arr1[2] = '小胡子2';
            arr1[3] = '小胡子3';
            arr1[4] = '小胡子4';
            alert(arr1.toString());  
</script>

JavaScript中数组的方法有哪些?有什么用?

toLocaleString(): 把数组转换为本地数组,并返回结果。然后使用地区特定的分隔符把生成的字符串连接起来,形成一个字符串。

注意:这里的分隔符不再是一个单一的英文逗号

<script type="text/javascript">
            var arr1 = new Array();
            arr1[0] = '小胡子0';
            arr1[1] = '小胡子1';
            arr1[2] = '小胡子2';
            arr1[3] = '小胡子3';
            arr1[4] = '小胡子4';
            alert(arr1.toLocaleString());  
</script>

JavaScript中数组的方法有哪些?有什么用?

unshift(): 向数组的开头添加一个或更多元素,并返回新的长度。

<script type="text/javascript">
                var arr1 = new Array();
                arr1[0] = '小胡子1';
                arr1[1] = '中胡子1';
                arr1[2] = '大胡子1';
                alert(arr1);
                alert(arr1.unshift('小孩子'));
                alert(arr1);        
</script>

JavaScript中数组的方法有哪些?有什么用?  JavaScript中数组的方法有哪些?有什么用?  JavaScript中数组的方法有哪些?有什么用?

总结:以上就是本篇文章的全部内容,希望能对大家的学习有所帮助。

以上就是JavaScript中数组的方法有哪些?有什么用?的详细内容,更多请关注其它相关文章!