JS基础知识知多少(四)--时间对象、引用类型

一、基础类型有哪些?复杂类型有哪些?有什么特征?
基础类型值(数值、布尔值、null和undefined):指的是保存在栈内存中的简单数据段;

var a=1;
var b=a;//将a的值赋给b,b的值变为1,
a=2;//重新给a赋值,a的值改变,但b的值不变
console.log(b);//1

复杂类型包括:对象、数组、函数、正则,指的是那些保存在堆内存中的对象,变量中保存的实际上只是一个指针,这个指针执行内存中的一个位置,由该位置保存对象。

var arr1=[1,2,3],
arr2=arr1;//将arr1的地址传给arr2
arr1.push(4);
console.log(arr2);

2.如下代码的输出? 为什么?

var obj1={a:1,b:2};
var obj2={a:1,b:2};
console.log(obj1==obj2);//false,obj1和obj2指向的地址不同
console.log(obj1=obj2);//将obj2的地址赋给obj1,输出结果为{a:1,b:2}
console.log(obj1==obj2);//true,obj1和obj2指向的地址相同

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

var str=getIntv("2016-01-08");
console.log(str);//距除夕还有20天15小时20分10秒

实现:

function getInv(newDate){
    var endDate=new Date(newDate).getTime();
    var startDate=Date.now();
    var a=endDate-startDate;
    var b=Math.floor(a/(24×60×60×1000));
    var c=Math.floor((a-(b×24×60×60×1000))/(60×60×1000));
    var d=Math.floor((a-(b×24×60×60×1000+c×60×60×1000))/(60×1000));
    var e=Math.floor((a-(b×24×60×60×1000+c×60×60×1000+d×60×1000))/1000);
        return ("距离国庆节还有"+b+"天"+c+"时"+d+"分"+e+"秒");
}
var str=getInv("2016-10-01");
console.log(str);//距离国庆节还有89天10时51分7秒

2.把数字日期改成中文日期

function getChsDate(str){
    var arr=['零','一','二','三','四','五','六','七','八','九','十','十一','十二','十三','十四','十五','十六','十七','十八','十九','二十','二十一','二十二','二十三','二十四','二十五','二十六','二十七','二十八','二十九','三十','三十一'];
    var date=new Date(str);
    var year=date.getFullYear().toString();//将年份转化成字符串
    var month=date.getMonth();
    var day=date.getDate();
    var str=[];
    for(var i=0;i < year.length;i++){//循环遍历字符串
        str+=arr[year[i]];
    }
    str+="年"+arr[month+1]+"月"+arr[day]+"日";
    return str;

    }
var str=getChsDate('2015-01-08');
console.log(str);//二零一五年一月八日

3.写一个函数获取n天前的日期
<pre>
var lastWeek=getLastNDays(7);//'2016-06-26'
var lastMonth=getLastNDay(30);//'2016-06-03'
</pre>

实现:

function getLastNDays(days){
    var dateNow=Date.now();
    var day=days*24*60*60*1000;
    var result=new Date(dateNow-day);
    console.log(result.getFullYear()+'-'+(result.getMonth()+1)+'-'+result.getDate());
    }
    var lastWeek=getLastNDays(7);//'2016-06-26'
    var lastMonth=getLastNDays(30);//'2016-06-03'

4.完善如下代码,用于获取执行时间如:

var Runtime = (function(){
     var startDate,endDate;
     return {
        start: function(){
            startDate=Date.now();
            return startDate;
        },
        end: function(){
            endDate=Date.now();
            return endDate;
        },
        get: function(){
              return endDate-startDate;
         }
     };
}());
Runtime.start();
for(i=0;i<1000;i++){
     console.log(i);
}
Runtime.end();
console.log(  Runtime.get() );

5.楼梯有200级,每次走1级或是2级,从底走到顶一共有多少种走法?用代码(递归)实现
分析:设n是阶数,f(n)是上n阶的不同走法,则第一步可以走一阶或者两阶,那么这两种情况下剩余的阶数分别是n-1、n-2,所以f(n)=f(n-1)+f(n-2).

function f(n){
    if(n==1){//如果最后一步剩下一步就只有一种走法
        return 1;
    }else if(n==2){//如果最后一步剩下两步就有两个走法
        return 2;
    }else{
        return f(n-1)+f(n-2);
    }
}

在做下面的题目之前,我们首先理解下浅拷贝和深拷贝
javascript基于对象,对象的创建可以采用拷贝的方式来做。但是分为浅拷贝和深拷贝两种。
浅拷贝:只拷贝基本类型,不拷贝引用类型
实例:

function simpleClone(copy){
    var obj={};
    for(var i in copy){
         if(copy.hasOwnProperty(i)){
            obj[i]=copy[i];
         }
    }
    return obj;
}
var copy={
    name:"张三",
    say:function(){
        return "我要做有思想的程序员";
    },
    children:["小明","小红"],
    position:{
        x:10,
        y:20
    }
}
var result=simpleClone(copy);
console.log(result.name);//张三
console.log(result.say());//我要做有思想的程序员
console.log(result.position.x);//10
console.log(result.children.toString());//小明,小红
//对原值进行修改,看是否影响拷贝后的值
copy.name="李四";
copy.say=function(){
    return "我喜欢旅游";
}
copy.position.x=50;
copy.children[0]="小黑";
console.log(result.name);//张三 浅拷贝 只拷贝属性,方法,不拷贝引用。
console.log(result.say());//张三说话了
console.log(result.position.x);//50 说明对原值的更改会影响拷贝后的元素
console.log(result.children.toString());//小黑,小红 
//说明对原值的更改会影响拷贝后的元素

深拷贝指的是基本类型和引用类型都拷贝。
6.写一个json对象深拷贝的方法,json对象可以多层嵌套,值可以是字符串、数字、布尔、json对象中的任意项

function deepClone(copy){
    var obj={};
    for(var i in copy){
        if(typeof(copy[i])==="object"){
            obj[i]=deepClone(copy[i]);
        }else{
            obj[i]=copy[i];
        }
    }
    return obj;//一个新的对象,和原来的对象没有关系
}
var copy={
    name:"张三";
    children:["小明","小红"],
    position:{
        x:10,
        y:20
    }
}
var result=deepClone(copy);
console.log(result.name);//张三
console.log(result.position.x);//10
console.log(result.children.toString());//小明,小红
//对原值进行修改,看是否影响拷贝后的值
copy.name = "李四";
copy.position.x= 50;
console.log(result.name);//张三 
console.log(result.position.x);//10 
console.log(result.children.toString());//小明,小红
//对原值的修改不会影响复制后的值

7.写一个数组深拷贝的方法,数组里的值可以是字符串、数字、布尔、数组中的任意项目

function deepClone(arr){
    var newArr=[];
    for(var i in arr){
        if(typeof(arr[i])==="object"){
            newArr[i]=deepClone(arr[i]);
        }else{
            newArr[i]=arr[i];
        }
    }
    return newArr;
}
var arr=[1,2,3,"jirengu",false];
var result=deepClone(arr);
console.log(result);//[1,2,3,"jirengu",false]

8.写一个深拷贝的方法,拷贝对象以及内部嵌套的值可以是字符串、数字、布尔、数组、json对象中的任意项

function deepClone(copy) {
    var obj = {};
        for ( var i in copy) {
           if(typeof(copy[i]) === Object){
               obj[i] = deepClone(copy[i]);
            }else{
                obj[i] = copy[i];
            }
         }
        return obj;
}
var copy = {
    name : "张三",
    say:function(){
         return "我要做有思想的程序员";
    },
    children:["小明","小红"],
    position:{
        x:10,
        y:20
    }
}
var result = deepClone(copy);
console.log(result);

输出结果为:


总结下:
js中的赋值都为引用传递.就是说,在把一个对象赋值给一个变量时,那么这个变量所指向的仍就是原来对象的地址.引用就是浅拷贝。深拷贝就是不仅复制对象的基本类,同时也复制原对象中的对象.就是说完全是新对象产生的,新对象所指向的不是原来对像的地址。

参考文章:
1.javascript 深拷贝和浅拷贝
2.Object.prototype.hasOwnProperty()

版权归本人所有,如有转载,请注明来源

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 194,242评论 5 459
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 81,769评论 2 371
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 141,484评论 0 319
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,133评论 1 263
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 61,007评论 4 355
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,080评论 1 272
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,496评论 3 381
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,190评论 0 253
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,464评论 1 290
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,549评论 2 309
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,330评论 1 326
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,205评论 3 312
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,567评论 3 298
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 28,889评论 0 17
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,160评论 1 250
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,475评论 2 341
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,650评论 2 335

推荐阅读更多精彩内容