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

时间：2021-09-21 22:52:50

　　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>

相关文章