美文网首页
进阶任务四

进阶任务四

作者: 饥人谷_迪 | 来源:发表于2017-11-26 09:38 被阅读0次

    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);
    

    相关文章

      网友评论

          本文标题:进阶任务四

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