JS数组

最新推荐文章于 2024-03-29 19:39:55 发布

一圈儿的云

最新推荐文章于 2024-03-29 19:39:55 发布

阅读量375

点赞数

分类专栏： JS 文章标签： javascript 数组栈

本文链接：https://blog.csdn.net/u010865433/article/details/49745975

版权

JS 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

JS数组

数组使用和模拟堆栈

<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title></title>
    <script type="text/javascript">

        var arr = [];
        arr[0] = 'kanbujian';
        //可以跳跃复制，中间值为undefined
        arr[3] = 12;
        arr[4] = ['子数组1', '子数组2', '子数组3'];

        console.info('模拟栈，尾插法');
        //js中数组已经实现了栈，在数组尾部 push/pop 元素,尾插法
        var arr2 = [2, 3, 4, 5];
        arr2.push(6);     
        console.info(arr2);

        var value = arr2.pop();
        console.info('value --- '+value);
        console.info(arr2);

        console.info('模拟栈，头插法');
        //在数组头部 push/pop 元素，头插法
        var arr3 = ['q', 'w', 'e', 'r', 't'];
        arr3.unshift('a');
        console.info(arr3);
        var value1 = arr3.shift();
        console.info('value1 ----'+value1);
        console.info(arr3);

        console.info('模拟队列');
        //模拟队列
        var arr4 = [1, 2, 3, 4, 5];
        arr4.push(0);
        console.info(arr4);
        var value2 = arr4.shift();
        console.info('value2 ---2 '+value2);
        console.info(arr4);



    </script>
</head>
<body>
    <h1 style="text-align:center">数组模拟栈和队列</h1>
</body>
</html>

这里写图片描述

slice() & splice() 方法的使用

<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title></title>
    <script type="text/javascript">
        var arr1 = [0, 1, 2, 3, 4, 5];
        //截取字数组 slice(x,y)  ----> [x,y)
        var subArr = arr1.slice(2, 4);
        //用一个对象承接子数组，原数组不发生变化
        console.info(subArr);



        var arr2 = [0, 1, 2, 3, 4, 5];
        //删除字数组，splice(x,y),删除从x开始的y个元素
        arr2.splice(2, 3);
        console.info(arr2);

        var arr3 = [0, 1, 2, 3, 4, 5];
        //删除数组上的元素，但依然留着 '坑'
        delete arr3[2];
        console.info(arr3.length);
        console.info(arr3);



    </script>
</head>
<body>
    <h1 style="text-align:center">数组的slice 和 splice 方法的使用</h1>
</body>
</html>