js数组

作者: Raofree | 来源:发表于2017-06-11 13:07 被阅读0次

    数组的声明

    第一种:var 数组名=new Array(),声明一个空数组

    第二种:var 数组名=new Array([数组元素]),声明一个带有元素内容的数组

    第三种:var 数组名=[],声明一个空数组,也可以在里面直接填写数组元素

    数组的使用

    1.数组的长度:

            数组的长度由length属性和元素个数共同决定,谁的值大决定数组的大小。即数组的长度是可变的

            数组的长度可以通过length属性动态的更改,如果增大则默认使用逗号进行填充,减小则默认从数组的尾部开始删除元素

    2.数组的存储

            在js中数组可以存储任意类型的数据

    3.总结

            js的数组大小不是固定的可以随意改变,这样使用起来会方便

            js的数组可以存储任意类型数据

    数组的遍历

    使用for-in

    for(var 变量名 in 数组名){

            //i表示角标,不是数组元素

    }

    数组的常见方法

    concat:连接

    pop:删除最后一个元素,返回该元素

    push:追加元素,返回新的长度

    shift:删除第一个元素,返回该元素

    unshift:在起始位置添加元素,返回数组的长度

    splice:从指定位置删除指定个数的元素,并且可以在删除位置添加元素

    代码示例

    /*for-in循环*/

    funtion testForArr(){

            var arr=["a","b","c"];

            for(var i in arr){

                    alert(arr[i]);//i表示角标,不是数组元素

            }

    }


    /*concat方法*/

    function testConcat(){

            var arr=[1,2,3];

            var b=["a","b","c"];

            var c="javascript";

            var result=arr.concat(b,c);

            alert(result);

    }


    /*pop方法*/

    function testPop(){

            var arr=["a","b","c"];

            var ret=arr.pop();

            alert(arr);

            alert(ret);

    }


    /*push方法*/

    function testPush(){

            var arr=["a","b","c"];

            var ret=arr.push("d");

            alert(arr);

            alert(ret);

    }


    /*shift方法*/

    function testShift(){

            var arr=[1,2,3];

            var ret=arr.shift();

            alert(arr);

            alert(ret);

    }


    /*unshift方法*/

    function testUnshift(){

            var arr=[1,2,3];

            var ret=arr.unshift(4)

            alert(arr);

            alert(ret);

    }


    /*splice方法*/

    function testSplice(){

            var arr=["a","b","c"];

            arr.splice(1,2,["heihei","haha"]);

            alert(arr);

    }

    相关文章

      网友评论

        本文标题:js数组

        本文链接:https://www.haomeiwen.com/subject/thxcqxtx.html