12月17日_ javascript数组、数组函数 - 九期线上班 - 作业

JavaScript数组

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>javascript数组</title>
</head>
<body>
    <script type="text/javascript">
    //javascript数组添加不连续下标元素会填充empty。
    //js数组长度等于最大下标数+1
    var arr = ['1','2','3','b','c'];
    console.log(arr);
    //1.数组push方法：向最后加入元素
    function pushArr(){
        var r = arr.push('d');
        console.log(r);    //返回添加后的数组长度
        console.log(arr);
    }
    pushArr();
    //2.数组pop方法：从最后删除元素
    function popArr(){
        //pop()返回值为弹出元素
        var r = arr.pop();
        console.log(arr);
        console.log('pop返回值为'+r);
    }
    popArr();
    //两个数组连接
    function arrays(){
        var arr1 = ['1','2','3'];
        var arr2 = ['4','5','6'];
        //循环插入
        for(var i=0;i<arr2.length;i++){
            arr1.push(arr2[i]);
        }
        console.log(arr1);
    }
    arrays();
    //3.数组unshift方法:在开头添加元素
    function unshiftArr(){
        var r = arr.unshift('0');
        console.log(r);    //返回添加后的数组长度
        console.log(arr);
    }
    unshiftArr();
    //4.数组shift方法:从开头删除元素
    function shiftArr(){
        var r = arr.shift();
        console.log(r);    //返回删除元素
        console.log(arr);
    }
    shiftArr();
    //5.数组中是否存在某元素
    var arr3 = ['1','2','3'];
    //indexOf()第二个参数是从第几开始找
    var res = arr3.indexOf('1');
    var res2 = arr3.indexOf('2');
    //有的话返回下标 没有返回-1
    console.log(res);    //0
    console.log(res2);    //1
    //6.从数组中间删除元素
    var arr4 = ['1','2','3','3','4','5'];
    //splice(index,howmany);
    arr4.splice(2,1);
    console.log(arr4);    //["1", "2", "3", "4", "5"]    
    </script>
</body>
</html>

总结: js相关数组函数。作用效果以及返回值需牢记。

12月17日_ javascript数组、数组函数 - 九期线上班

JavaScript数组

相关文章