美文网首页饥人谷技术博客
日夜谈——时间对象、引用类型

日夜谈——时间对象、引用类型

作者: Sheldon_Yee | 来源:发表于2016-12-06 19:28 被阅读44次
    NUM 19

    <h4>1.基础类型有哪些?复杂类型有哪些?有什么特征?</h4>

    基础类型:

    <li>数字(Number)
    <li>字符串(String)
    <li>布尔值(bollean)
    <li>null
    <li>undefined
    </br>

    复杂类型:

    <li>数组(Array)
    <li>对象(object)
    <li>函数(function)
    <li>正则
    </br>

    特征:

    <li>基础类型变量时存的是值,而复杂类型变量时存的是内存地址。
    <li>因此基础类型在赋值的时候是拷贝值,而复杂类型在赋值时是拷贝内存地址。

    图片解释:
    简单类型.jpg 复杂类型.jpg

    <h4>2.如下代码的输出? 为什么?</h4>

    var obj1 = {a:1, b:2};
    var obj2 = {a:1, b:2};
    console.log(obj1 == obj2); //flase;
    console.log(obj1 = obj2);  //Object{a:1,b:2};
    console.log(obj1 == obj2); //ture
    

    解释:
    首先,obj1和obj2是复杂类型,在赋值时,分别赋予不同内存的地址,所以,console.log(obj1 == obj2)即是比较两个内存地址是否相等,因此输出flase,而console.log(obj1 = obj2)是将obj2的内存地址赋值在obj1上,而obj2的内存地址保存着{a:1,b:2},因此输出Object{a:1,b:2},而最后一个console.log(obj1 == obj2),因此前obj1已经赋值了obj2的内存地址,因此返回ture。
    </br>
    <h3>2.代码</h3>

    1.写一个函数getIntv,获取从当前时间到指定日期的间隔时间

    var str = getIntv("2016-01-08");
    console.log(str); // 距除夕还有 20 天 15 小时 20 分 10 秒
    
    function getIntv(time){
        var t1 = Date.parse(time)-Date.now();
        var t2 = t1/(24*60*60*1000);
        var d = Math.floor(t2);
        var h = Math.floor((t2-d)*24);
        var m = Math.floor(((t2-d)*24)-h)*60;
        var s = Math.floor(((t2-d)*24)*60-m)*60;
        return time = "距离" + time + "还有" + d + "天" + h+"小时" + m+ "分钟" + s +"秒"; 
    }
        var str = getIntv("2017/11/30");
        str;
    
    
    
    
    
    ![代码一.png](https://img.haomeiwen.com/i2887484/552340b12a0da100.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
    
    </br>
    #####2.把数字日期改成中文日期
    
    
            var str = getChsDate('2015-01-08');
            console.log(str);  // 二零一五年一月八日
    
    代码:
    
            function getChsDate(time){
                var date = ['零','一','二','三','四','五','六','七','八','九','十','十一','十二','十三','十四','十五','十六','十七','十八','十九','二十','二十一','二十二','二十三','二十四','二十五','二十六','二十七','二十八','二十九','三十','三十一'];
                var a = new Date(time);
                var b = a.getFullYear()+'';
                var year = ''  ;
                for(var i=0 ; i<b.length;i++){
                    year = year + date[b[i]]; 
                };
                var month = date[a.getMonth()+1 ];
                var day = date[a.getDate()];
                return  year + '年' + month + '月' + day + '日';
            }
    执行结果:
    
    ![代码2.png](https://img.haomeiwen.com/i2887484/f3a9b6b2fb6ce0bd.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
    
    
    #####5.写一个函数获取n天前的日期
        var lastWeek =  getLastNDays(7); // ‘2016-01-08’
        var lastMonth = getLastNDays(30); //'2015-12-15'
    
    代码:
    
        function getLastDays(time){
            var a = Date.now();
            var b = time*(24*60*60*1000)
            var d = a - b ;
            var ld = new Date(d);
            return  ld.getFullYear()+'-'+(ld.getMonth()+1)+'-'+ld.getDate()
        }
    
    执行结果:
    
    ![code3.png](https://img.haomeiwen.com/i2887484/f880c58638c9183f.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
    
    #####6.完善如下代码,用于获取执行时间如:
    
    ![argument4.png](https://img.haomeiwen.com/i2887484/8f92355dc93937e4.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
    
    
        var Runtime = (function(){
            var st; var ed; var rt;
            var obj = {
                start : function(){
                    st = Date.now();
                },
                end : function(){
                    ed =Date.now();
                },
                get : function(){
                    return rt = ed - st;
                }
            };
        return obj;
        }());
        Runtime.start();
        for(var i=0;i<1000;i++){
            console.log(1);
        };
        Runtime.end();
        console.log( Runtime.get() );
    
    执行结果:
    
    ![code5.png](https://img.haomeiwen.com/i2887484/be6dfd544e3940cd.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
    
    #####7.楼梯有20级,每次走1级或是2级,从底走到顶一共有多少种走法?用代码(递归)实现
        function getWay(n){
            if(n === 1){
                return 1;
            }else if(n === 2){
                return 2;
            }
            else{
                return getWay ( n - 1 ) + getWay ( n - 2);
            }
        }
        //测试
        var num5 = getWay(5);
        var num20 = getWay(20);
        console.log(num5);
        console.log(num20);
    
    #####8.写一个json对象深拷贝的方法,json对象可以多层嵌套,值可以是字符串、数字、布尔、json对象中的任意项(PS:尝试另外一种方法 `var obj2 = JSON.parse( JSON.stringify(obj1)`)
    
    JSON深拷贝一:
    
        var west = {
            name :'Westbook',
            age : 26,
            sex : 'man',
            other:{
                name: 'Durant',
                agr : 27,
                sex : 'man'
            }
        };
        function copyObject(obj){
            var obj2 =  {};
            for(key in obj){
                if(typeof obj[key] == 'object'){
                    obj2[key] = copyObject(obj[key]);
                }else{
                    obj2[key] = obj[key];
                }
            };
            return obj2;
        };
    
    JSON深拷贝二:
    
        var west = {
            name :'Westbook',
            age : 26,
            sex : 'man',
            other:{
                name: 'Durant',
                agr : 27,
                sex : 'man'
            }
        };
        function copyObj(obj){
            var str = JSON.stringify(obj);
            return JSON.parse(str);
        };
    
    
    参考资料:
    <a href = "http://www.haorooms.com/post/js_dg_jsdihanshu ">javascript递归函数理解和说明</a>
    <a href = "http://blog.csdn.net/yisuowushinian/article/details/45544343 ">javascript中的浅拷贝和深拷贝</a>
    <a href = "http://javascript.ruanyifeng.com/stdlib/date.html ">阮一峰JS教程</a>
    
    **版权归饥人谷peter和饥人谷所有,若有转载,请注明来源**
    
    感谢瓜子板凳观众:
    ![gaki19](https://img.haomeiwen.com/i2887484/47186e199a088779?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

    相关文章

      网友评论

        本文标题:日夜谈——时间对象、引用类型

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