[php学习十四]javaScript的基本练习4-对象

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>JavaScript对象练习</title>
    <script>

        /*注意点1:用New Object()还有错误提示,不用的话,还能用。*/
        var p1 = Object();
        p1.objOneName = "Hello";
        p1.objTwoName = "World";
        p1.objAge = 30;
        document.write("P1名字:" + p1.objOneName + " " + p1.objTwoName + "年龄:" + p1.objAge + "<hr>");
        /*注意点2:利用构造函数创建的话,如果声明对象不加New修饰,那么必须有返回值。~*/
        function creatOneObj(objfirstName,objlastName,age) {
            this.objfirstName = objfirstName;
            this.objlastName = objlastName;
            this.objAge = age;
            return this;
        }
        var p2 = creatOneObj("Hello","World",28);
        document.write("P2名字:" + p2.objfirstName + " " + p2.objlastName + "年龄:" + p2.objAge + "<hr>");

        var p3 = {
            objFirstName : "Hello",
            objLastName : "World",
            objAage:35
        };
        document.write("P3名字:" + p3.objFirstName + " " + p3.objLastName + "年龄:" + p3.objAage + "<hr>");
        /*注意点3:p1,p2,p3三中方式都可以实现定义一个对象~!*/

        var x;
        var outStr = "";
        for (x in p3){
            outStr += x + ":" + p3[x] + ";";
        }
        document.write(outStr + "<hr>");

        /*这个Tostring的功能也太强大了。~*/
        var y = 127;
        document.write("127的二进制:" + y.toString(2) + ";127的十六进制:" + y.toString(16) + "<hr>");

        /*注意点4:typeof Z的结果也是Number类型,和Y一样。如果加New的话,将是object。但加了后,提示错误。*/
        var z = Number(5);
        document.write("typeof y:" + typeof y + ";typeof z:" + typeof z+ "<hr>");
        document.write("Number.MAX_VALUE:" + Number.MAX_VALUE + ";Number.MIN_VALUE:" + Number.MIN_VALUE + "<hr>");

        document.write("Hello.length = " + "Hello".length + ";Hello[0] =" + "Hello"[0] + "<hr>")
        document.write("19701年1月1日到现在的毫秒数:" + new Date().getTime() + "<hr>");

        /*注意点4:直接写成new Date().setFullYear有错误,虽然能得到毫秒,但不能ToString*/
        var d = new Date();
        d.setFullYear(2020,10,20);
        document.write("setFullYear(2020,10,20):" + d.toString() + "<hr>");

    </script>
</head>
<body>
<p><small>当前时间:</small><span id = "sCurrTime"></span></p>
<hr>
<p><small>数组对象常用</small></p>
<div id="arrInfo"></div>
<script>
    function getCurTime() {
        curdate = new Date();
        var h = curdate.getHours();
        var m = curdate.getMinutes();
        var s = curdate.getSeconds();
        m = addZero(m);
        s = addZero(s);
        document.getElementById("sCurrTime").innerHTML = h + ":" + m + ":" + s;
        setTimeout(function () {
            getCurTime();
        }, 500);
    }
    function addZero(vNumber) {
        if (vNumber<10){
            return "0" + vNumber;
        }
        return vNumber;
    }
    getCurTime();

    var arrAuto = [];
    var arrInt = [1,2,3,4,5];
    var arrStr = ["a","b","d","c"];
    var outStr = "合并arrInt与arrStr:" + arrInt.concat(arrStr).join() + "<br>"
            + "作为字符串输出方法:join();(感觉和tostring()一样啊~!);"+ "<br>"
            + "删除最后一个元素:pop();添加新的元素:push('Kiwi');"+ "<br>"
            + "反转排序:reverse();删除第一个元素:shift();"+ "<br>"
            + "截取下标1到2的元素:slice(1,3)(感觉这个是左闭右开区间);"+ "<br>"
            +"升序排列:sort()/sort(function(a,b){return a-b});";
    document.getElementById("arrInfo").innerHTML = outStr + "<hr>";

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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值