进阶任务四

1. 引用类型有哪些?非引用类型有哪些

  • 基本类型值(数值、布尔值、字符串、null和undefined):指的是保存在栈内存中的简单数据。

  • 引用类型值(对象、数组、函数、正则):指的是保存在堆内存中的对象,变量中保存的实际上只是一个指针,这个指针执行内存中的另一个位置,由该位置保存对象

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

var obj1 = {a:1, b:2};
var obj2 = {a:1, b:2};
console.log(obj1 == obj2);//false,因为obj1和obj2只是保存着相同的值的不同对象的地址。
console.log(obj1 = obj2); //Object { a: 1, b: 2 },把obj2的中的地址值赋给obj1,所以obj1也指向了obj2指向的对象。
console.log(obj1 == obj2);//true,obj1和obj2具有相同的保存对象的地址。

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) //1,a把值赋给了aa,所以aa=1
console.log(bb) //2,同理,b把值赋给了bb,所以bb=2
console.log(cc)// Object{ name: 'hello', age: 3 },c把指向c对象的地址值给了cc,所以cc也指向跟c一样的对象,所以c对象的值改变了,cc的也改变。
console.log(dd)// Array[1, 2, object],d把数组d的第一个元素的地址赋给了dd,所以dd也指向了d数组。

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) //1,a是非引用类型,所以把a传给n,虽然++n,变成了2,但是a的值还是1。
console.log(c)//Object{ name: 'jirengu', age:3 },c是对象,是引用类型,obj指向的对象的age值变成了3,又obj和c都指向同一个对象,所以c对象的age,也就变成3了。

5.过滤如下数组,只保留正数,直接在原数组上操作

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);//添加0个元素,删除一个,length发生改变。
            i--;
        }
    }
return
}
filter(arr)
console.log(arr)

6.过滤如下数组,只保留正数,原数组不变,生成新数组

var arr = [3,1,0,-1,-3,2,-5]
function filter(arr){
    var newArr = [];
    for(var i=0 ; i<arr.length; i++){
    if(arr[i]>0){
    newArr.push(arr[i]);
    }
}
return newArr;
}
var arr2 = filter(arr)
console.log(arr2)
console.log(arr)

7. 写一个深拷贝函数,用两种方式实现

浅拷贝:只拷贝对象的基本类型值,如果某一个属性是引用类型值,拷贝的就是这个引用类型的指针。当原对象的引用类型值发生改变,则浅拷贝后的新对象的引用类型值也会发生改变,但非引用类型值不变。

深拷贝:拷贝对象的所有属性,无论是引用类型值还是非引用类型值,拷贝之后的新对象,与原对象没有任何关系

var obj = {
        name: 'ruoyu',
        sex: 'male',
        age: 30,
        friend: {
            name: 'hello', 
            age: 100
        }
    };

 function deepCopy(oldObj){
    var newObj = {};
    for(var key in oldObj){
        if(obj.hasOwnProperty(key)){
        if(typeof oldObj[key]==='number'||typeof oldObj[key]==='string'||
        typeof oldObj[key]==='boolean'|| oldObj[key]=== undefined
        ||oldObj[key]=== null){
            newObj[key] = oldObj[key] ;
        }else
        {
            newObj[key] = deepCopy(obj[key]);
        }
    }
    }
    return newObj;
}
console.log(deepCopy(obj));
obj.friend.name = 'HELLO';
console.log(obj);

使用json方法

var obj = {
        name: 'ruoyu',
        sex: 'male',
        age: 30,
        friend: {
            name: 'hello', 
            age: 100
        }
    };

function deepCopy(obj){
    var newObj=JSON.stringify(obj)
    var newObj1 = JSON.parse(newObj);
    return newObj1;
}

console.log(deepCopy(obj));
obj.friend.name = 'HELLO123';
console.log(obj);
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • *面试心声:其实这些题本人都没怎么背,但是在上海 两周半 面了大约10家 收到差不多3个offer,总结起来就是把...
    Dove_iOS阅读 27,639评论 30 472
  • 前言 把《C++ Primer》[https://book.douban.com/subject/25708312...
    尤汐Yogy阅读 9,688评论 1 51
  • iOS面试小贴士 ———————————————回答好下面的足够了------------------------...
    不言不爱阅读 2,254评论 0 7
  • 第5章 引用类型(返回首页) 本章内容 使用对象 创建并操作数组 理解基本的JavaScript类型 使用基本类型...
    大学一百阅读 3,689评论 0 4
  • 最近看的两则婚姻鸡汤,深有感触 鸡汤1 恋爱是爱的对方的优点,婚姻则更多的是要跟对方的缺点一起过 鸡汤2 两个人选...
    双圈Jocelyn阅读 717评论 0 0

友情链接更多精彩内容