JavaScript案例学习6

最新推荐文章于 2021-07-21 17:11:54 发布

canglingyue

最新推荐文章于 2021-07-21 17:11:54 发布

阅读量465

点赞数 1

分类专栏： js+jq 文章标签： javascript

本文链接：https://blog.csdn.net/canglingyue/article/details/51724140

版权

js+jq 专栏收录该内容

69 篇文章 0 订阅

订阅专栏

个人博客：http://vuejs.pub

JavaScript 案例17

数组

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>shuzu</title>
</head>
<body>
<script>
    /**
     * 1、数组的定义

     var arr = [12,2,3,4];

     var arr = new Array(12,3,4,5);

     2、数组的属性

     length

     既可以获取元素，也可以设置：设置数组长度为0，可以快速清空数组

     3、数组的添加和删除

     push 在数组末尾添加

     pop 在数组尾部删除

     unshift 在数组头部添加

     shift 在数组头部删除

     4、插入、删除

     splice(起点，长度)： 删除元素

     splice(起点，长度，元素)： 插入 例如：splice(3,0,'1','4','a')

     splice(起点，长度，元素)：替换 例如：splice(2,3,'1','f','a')

     5、数组连接

     concat 数组的连接

     6、join

     分隔符，组合数组元素，生成字符串

     7、排序

     sort 默认是按字符串排序
     */
    var arr = [1,2,3];
    alert(arr.length);//3

    arr.push(2,2)
    alert(arr); //1,2,3,2,2

    arr.pop()
    alert(arr); //1,2,3,2

    arr.splice(2,2);
    alert(arr); //1,2

    arr.splice(2,0,'1','a','c');
    alert(arr); //1,2,1,a,c

    arr.splice(1,2,'d','e')
    alert(arr) //1,d,e,a,c
    var a = [1,2,3]
    var b = ['a','v','c','d'];
    alert(a.concat(b)); //1,2,3,a,v,c,d

    alert(a.join("--")) //1--2--3
    var s = ['abc','fds','qqe','zdsa','dsf'];
    s.sort();
    alert(s); //abc,dsf,fds,qqe,zdsa

    var ss = [12,1,23,43,2,31,78,5,7];
    alert(ss.sort()); //1,12,2,23,31,43,5,7,78  把数字当成字符串排序

    ss.sort(function (n1, n2) {
        if(n1<n2){
            return -1;
        }else if(n1>n2){
            return 1;
        }else {
            return 0;
        }
    })
    alert(ss);//1,2,5,7,12,23,31,43,78

    ss.sort(function (n1, n2) {
        return n1-n2;
    })
    alert(ss);//1,2,5,7,12,23,31,43,78

</script>
</body>
</html>

JavaScript 案例18

定时器

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<input type="button" value="开启定时器" id="start">
<input type="button" value="关闭定时器" id="close">

<script>

    /**
     * setInterval(函数，时间); // 每隔一段时间 ，执行一次函数

     setTimeout(函数，时间); // 隔一段时间，执行函数，只执行一次

     clearInterval() //关闭定时器

     clearTimeout() //关闭定时器
     */
    function show() {
        alert("aa");
    }
    setInterval(show,2000);

    setTimeout(show,2000);

    var start = document.getElementById("start");
    var close = document.getElementById("close");
    var timer = null;

    start.onclick = function () {
        timer = setInterval(function () {
            alert("22")
        },1000);
    }

    close.onclick = function () {
        clearInterval(timer);
    }

</script>
</body>
</html>