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天前的日期


var lastWeek=getLastNDays(7);//'2016-06-26'
var lastMonth=getLastNDay(30);//'2016-06-03'

实现:


function getLastNDays(days){
var dateNow=Date.now();
var day=days2460601000;
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张图片

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

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

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

你可能感兴趣的:(JS基础知识知多少(四)--时间对象、引用类型)