Unit05： JavaScript对象概述 、 常用内置对象一 、 常用内置对象二 、 常用内置对象三

　　Unit05： JavaScript对象概述 、 常用内置对象一 、 常用内置对象二 、 常用内置对象三　　

常用内置对象使用演示：

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script>
    //2.Number
    var num = 3.1415926;
    console.log(num.toFixed(3));
    
    //3.Array
    //理解:js中的数组都是Object[]
    //3.1如何创建数组
    //1)已知数据时
    var a1 = ["zhangsan",25,true];
    console.log(a1[0]);
    //2)未知数据时
    var a2 = new Array();
    a2.push("lisi");
    a2.push(23);
    a2.push(false);
    console.log(a2[0]);
    //3.2数组倒转
    var arr = [5,8,12,3,1,6,4];
    arr.reverse();
    console.log(arr);
    //3.3数组排序
    //默认按照字符串由小到大排序
    arr.sort();
    console.log(arr);
    //可以传入比较方法来改变其排序的方式
    arr.sort(function(a,b){
        return a-b;
    });
    console.log(arr);
    
    //4.Math
    console.log(Math.PI);
    console.log(Math.round(Math.PI));
    
    //5.Date
    //5.1如何创建Date
    var d1 = new Date();
    var d2 = new Date("2017/02/14 08:08:08");
    console.log(d1);
    console.log(d2);
    //5.2转为本地时间格式
    console.log(d1.toLocaleDateString());
    console.log(d1.toLocaleTimeString());
    //5.3读取时间分量
    var y = d1.getFullYear();
    //月份从0开始
    var m = d1.getMonth();
    var d = d1.getDate();
    var now = y + "年" + (m+1) + "月" + d + "日";
    console.log(now);
    
    //6.RegExp
    var str = "you can you up,no can no bb.";
    var reg = /no/;
    //1)reg.test(str)
    //检测str中是否包含和reg匹配的子串
    console.log(reg.test(str));
    //2)reg.exec(str)
    //在非全局模式下:
    //从str中找出和reg匹配的第一个子串
    console.log(reg.exec(str));
    //在全局模式下:
    //第1次调用,从str中找出和reg匹配的第1个子串
    //第2次调用,从str中找出和reg匹配的第2个子串
    //第n次调用,从str中找出和reg匹配的第n个子串
    reg = /no/g;
    console.log(reg.exec(str));
    console.log(reg.exec(str));
    console.log(reg.exec(str));
    console.log(reg.exec(str));
    
    //7.Function对象
    function sum() {
        var s = 0;
        if(arguments.length>0) {
            for(var i=0;i<arguments.length;i++) {
                s += arguments[i];
            }
        }
        return s;
    }
    console.log(sum(1,2));
    console.log(sum(3,4,5,6));
</script>
</head>
<body>

</body>
</html>

使用eval()进行计算小程序

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script>
    function cal() {
        //获取文本框
        var input = 
            document.getElementById("num");
        //获取框内的算式
        var ss = input.value;
        //计算
        try {
            var result = eval(ss);
            input.value = result;
        } catch(e) {
            input.value = "Error";
        }
    }
</script>
</head>
<body>
    <input type="text" id="num"/>
    <input type="button" value="="
        onclick="cal();"/>
</body>
</html>

 

posted @ 2017-02-09 23:52  唐胜伟  阅读(251)  评论(0)    收藏  举报