封装函数（上）

最新推荐文章于 2024-07-18 20:54:54 发布

Collapsing World

最新推荐文章于 2024-07-18 20:54:54 发布

阅读量248

点赞数

文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/qq_64926847/article/details/132822860

版权

1.push封装

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
    <script>
        // push - 给数组的末尾添加一个或多个元素 - 返回数组新长度
        var arr =['a','b','c','d','e','f'];
        var add = arr.push('g');
        console.log(arr);
        console.log(add);

        //封装函数
        var arr =['a','b','c','d','e','f'];
        function push(){
            for(var a=0;a<arguments.length;a++){
                arr[arr.length] = arguments[a];   
            }
            return arr.length
        }
        var len = push('g');
        console.log(arr);
        console.log(len);
    </script>
</body>
</html>

2.pop封装

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

    <script>
        // pop - 删除数组最后一个元素 - 返回被删掉的元素
        var arr = ['a', 'b', 'c', 'd', 'e', 'f', 'g'];
        // var del = arr.pop();
        // console.log(arr);
        // console.log(del);

        //封装函数
        function del(){
            //将最后一个变量存储起来
            var ls = arr[arr.length-1];
            // 使用长度操作，将长度-1；就会将最后一个数据进行删除
            arr.length = arr.length-1;
            // 将删除的元素返回
            return ls;
        }
        var pop = del();
        console.log(arr);
        console.log(pop);
    </script>
</body>

</html>

3.unshift封装

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
    <script>
        // unshift - 给数组开头添加一个或多个元素 - 返回数组新长度
        
        //  var add = arr.unshift(1,2,3);
        //  console.log(arr);
        //  console.log(add);

        // 封装函数、
        function unshift(){
            var add = arguments.length
            for(var a = arr.length-1;a>=0;a--){
                arr[a+add]=arr[a]
            }
            // console.log(arr);
            for(var a = 0;a<arguments.length;a++){
                arr[a]=arguments[a];
            }
            return arr.length
        }
        var len = unshift(1,2,3)
        console.log(arr);
        console.log(len)
    </script>
</body>
</html>

4.shift封装

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

    <script>
        // shift - 删除数组的第一个元素 - 返回被删掉的元素
        var arr = ['a', 'b', 'c', 'd', 'e', 'f', 'g'];
        // var del = arr.shift();
        // console.log(arr);
        // console.log(del);

        // 封装函数
        function shift() {
            var del = arr[0];
            for (var a = 0; a < arr.length - 1; a++) {
                arr[a] = arr[a + 1]
            }
            arr.length = arr.length - 1;
            return del;
        }
        console.log(arr);
        console.log(shift())
    </script>
</body>

</html>