前端

作者: 周肸 | 来源:发表于2018-12-05 11:49 被阅读0次

1.数组常用方法

<!DOCTYPE html>
<html lang="en">
<head>
        <meta charset="UTF-8">
        <title>数组常用方法</title>
        <script type="text/javascript">
            var aRr = [1,2,3,4];
            //用-连接数组元素并转为字符串
            //var sTr = aRr.join("-");//用-连接数组元素并转为字符串,弹出1-2-3-4

            // var sTr = aRr.join('');//用空串连接
            // alert(sTr);//弹出1234

            //向数组最后追加元素
            // aRr.push(5);
            // alert(aRr);//1,2,3,4,5

            //删除末尾元素
            // aRr.pop();
            // alert(aRr);//1,2,3

            //向最前面插入元素0
            // aRr.unshift(0);
            // alert(aRr);//0,1,2,3,4

            //删除第一个(索引为0的)元素
            // aRr.shift();
            // alert(aRr);//2,3,4

            //反转
            // aRr.reverse();
            // alert(aRr);//4,3,2,1

            //查找字母'b'第一次出现的索引
            var aRr2 = ['a','b','c','d','a','b','c','d'];
            var num = aRr2.indexOf('b');
            // alert(num);//1

            //从第2索引元素开始,删除1个元素
            // aRr2.splice(2,1);//删除c
            // alert(aRr2);//a,b,d,a,b,c,d

            //从第2索引元素开始,删除1个元素,再插入e
            // aRr2.splice(2,1,'e');//把c替换成e
            // alert(aRr2);//a,b,e,d,a,b,c,d

            //删除后面的abcd,改为fghi
            aRr2.splice(4,4,'f','g','h','i');
              alert(aRr2);//a,b,c,d,f,g,h,i
            </script>
        </head>
<body>

</body>
</html>

2.数组

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>数组</title>
    <script type="text/javascript">
        //面向对象的方式创建
        var aRr01 = new Array(1,2,3,'abc');
        //直接创建
        var aRr02 = [1,2,3,'def'];//推荐使用,性能更高

        //获取数组的成员数量(长度)
        // alert(aRr02.length);//弹出4
        // alert(aRr02[3]);//弹出cdf

        var aRr03 = [[1,2,3],['a','b','c','d'],[true,false]];
        // alert(aRr03.length);//弹出3
        // alert(aRr03[1].length);//弹出3
        alert(aRr03[1][2]);//弹出c
    </script>
</head>
<body>
    
</body>
</html>

相关文章

  • 前端文章系列

    【前端】从0.1开始,创建第一个项目 【前端】初识HTML 【前端】HTML标签 【前端】HTML属性 【前端】C...

  • Web前端小白入门指迷

    大前端之旅 大前端有很多种,Shell 前端,客户端前端,App 前端,Web 前端和可能接下来很会火起来的 VR...

  • 推荐几个好的前端博客和网站

    前端开发博客前端开发博客-前端开发,前端博客 对前端知识结构的理解人类身份验证 - SegmentFault 脚本...

  • 2020-04-11

    前端工程化相关 前端动画相关 优化前端性能

  • Web前端

    Web前端 web前端是什么- 定义 职责 web前端基础知识和学习路线 web前端学习的资源 1.Web前端是...

  • 2018-05-16

    web前端开发 什么是web前端 web前端开发也戏称“web前端开发攻城狮”,目前这个职位也叫“大前端”。这个职...

  • 前端学习:一个好的前端导航可以更好的学习前端

    前端导航: 前端网课(前端的网络课程,在线网站) 前端资源(有论坛等交流平台) 前端手册(html手册,css手册...

  • 2018-09-25

    前端学习 前端技术一般分为前端设计和前端开发,前端设计一般可以理解为网站的视觉设计,前端开发则是网站的前台代码实现...

  • 浏览收藏文章列表

    前端 frameset frame前端框架支持ie8选择前端框架选择2前端框架选择weexframeset,fra...

  • 无标题文章

    #Web前端 - web前端是什么 - 定义 - 职责 - web前端基础知识和学习路线 - web前端学习的...

网友评论

      本文标题:前端

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