1.引用類型有哪些?非引用類型有哪些
- 引用類型有對(duì)象(object)、數(shù)組([])甲棍、函數(shù)(function)住拭、正則表達(dá)式(regexp)
- 非引用類型有數(shù)字(number)漾月、字符串(string)形耗、布爾值(boolean)闻妓、undefined双谆、null
2.如下代碼輸出什么返干?為什么
var obj1 = {a:1, b:2};
var obj2 = {a:1, b:2};
console.log(obj1 == obj2);
console.log(obj1 = obj2);
console.log(obj1 == obj2);
輸出結(jié)果為:
false
a:1 b:2
true
第三行代碼obj1==obj2的時(shí)候兴枯,實(shí)際上是obj1的地址的值==obj2的地址的值,顯而易見(jiàn)是不相等的矩欠,所以輸出false财剖。
然后第四行代碼的時(shí)候obj2的地址賦給了obj1,所以obj1的內(nèi)容就是通過(guò)obj2的地址尋找obj2的內(nèi)容晚顷。
最后第五行代碼的時(shí)候峰伙,obj1的地址跟obj2的地址的值是相等的,因?yàn)榈谒木滟x值了该默。
3.如下代碼輸出什么? 為什么
var a = 1
var b = 2
var c = { name: '饑人谷', age: 2 }
var d = [a, b, c]
var aa = a
var bb = b
var cc = c
var dd = d
a = 11
b = 22
c.name = 'hello'
d[2]['age'] = 3
console.log(aa)
console.log(bb)
console.log(cc)
console.log(dd)
- console.log(aa)瞳氓,a為非引用類型,只傳遞值栓袖,所以aa被賦值為1匣摘,后面的a=11對(duì)他沒(méi)有效果,輸出為1裹刮。
- console.log(bb) 音榜,b也為非引用類型,只傳遞值捧弃,所以bb被賦值為2赠叼,后面的b=22對(duì)它無(wú)影響,輸出為2违霞。
- console.log(cc)嘴办,c為對(duì)象,引用類型买鸽,所以cc被賦值的是c的地址涧郊,后面c.name = 'hello',所以c的內(nèi)容就變?yōu)閧name:'hello',age:2}眼五,但c的地址不變妆艘,cc通過(guò)c的地址獲取的內(nèi)容就變?yōu)閧name:'hello',age:2},所以輸出為name: hello
age: 2看幼。(暫時(shí)的批旺,還有變化,請(qǐng)往下看) - console.log(dd), d是數(shù)組诵姜,引用類型朱沃,c的地址放在d內(nèi),d通過(guò)自己里面的c的地址將c的內(nèi)容改變,所以c的內(nèi)容就變成
c = {name:'hello' , age:3}逗物,所以console.log(dd)的輸出為:
1
2
name: hello
age: 3
console.log(cc)的輸出為:
name: hello
age: 3
4.如下代碼輸出什么? 為什么
var a = 1
var c = { name: 'jirengu', age: 2 }
function f1(n){
++n
}
function f2(obj){
++obj.age
}
f1(a)
f2(c)
f1(c.age)
console.log(a)
console.log(c)
a為非引用類型,也就是基本類型瑟俭,c為引用類型翎卓,所以f1(a),a無(wú)變化摆寄,f2(c)失暴,c = 3,f1(c.age)微饥,n為3逗扒,++n之后n等于4,不過(guò)這對(duì)我們的輸出沒(méi)影響欠橘。所以最終輸出就是
1
name: jirengu
age: 3
5.過(guò)濾如下數(shù)組矩肩,只保留正數(shù),直接在原數(shù)組上操作
var arr = [3,1,0,-1,-3,2,-5];
function filter(arr){
for(var i=0;i<arr.length;i++){
if(arr[i] <= 0){
arr.splice(i,1);
i--;
}
}
}
filter(arr);
console.log(arr); // [3,1,2]
6.過(guò)濾如下數(shù)組肃续,只保留正數(shù)黍檩,原數(shù)組不變,生成新數(shù)組
var arr = [3,1,0,-1,-3,2,-5];
function filter(arr){
var arr2 = [];
for(var i=0;i<arr.length;i++){
arr2[i] = arr[i];
}
for(i=0;i<arr2.length;i++){
if(arr2[i]<=0){
arr2.splice(i,1);
i--;
}
}
return arr2;
}
var arr2 = filter(arr);
console.log(arr2); // [3,1,2]
console.log(arr); // [3,1,0,-1,-3,2,-5]
7.寫一個(gè)深拷貝函數(shù)始锚,用兩種方式實(shí)現(xiàn)
第一種方法刽酱,使用遞歸的算法:
var obj = {
name: 1,
sex: null,
sonOfobj: {
name: 100,
sex: 1000
}
};
function copyDeep(obj) {
var obj2 = {};
for(var key in obj){
if(obj.hasOwnProperty(key)){
if(typeof obj[key] === 'number' || typeof obj[key] === 'string'|| typeof obj[key] === 'boolean'
|| typeof obj[key] === 'undefined' || obj[key] === null ){
obj2[key] = obj[key];
}else{
obj2[key] = copyDeep(obj[key]);
}
}
}
return obj2;
}
var obj3 = copyDeep(obj);
console.log(obj3);
obj['name'] = 2;
console.log(obj);
第二種方法,利用JSON的API:
var obj = {
name: 1,
sex: 10,
sonOfobj: {
name: 100,
sex: 1000
}
};
function copyDeep(obj) {
var obj2 = {};
obj2 = JSON.parse(JSON.stringify(obj));
return obj2;
}
var obj3 = copyDeep(obj);
console.log(obj3);
obj['name'] = 2;
console.log(obj);