美文网首页
进阶任务4

进阶任务4

作者: 王翔爱摇滚乐爱电影爱心理学爱哲 | 来源:发表于2017-03-15 16:15 被阅读0次

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

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

    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)
    

    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)
    

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

    var arr = [3,1,0,-1,-3,2,-5]
    function filter(arr){
    }
    filter(arr)
    console.log(arr) // [3,1,2]
    

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

    var arr = [3,1,0,-1,-3,2,-5]
    function filter(arr){
    }
    var arr2 = filter(arr)
    console.log(arr2) // [3,1,2]
    console.log(arr)  // [3,1,0,-1,-2,2,-5]
    

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

    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
    

    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
    console.log(bb) //2 都是值传递,aa和a都会开辟一个块属于自己的栈空间
    console.log(cc) //{name:'hello',age:3} 对象的赋值是引用传递,cc和c都是指向同一块堆内存。
    console.log(dd) //[11,22,{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)  //1 ,会默认执行赋值动作,var n = a,属于值传递,++n时,a依旧保持原始值不变的。
    f2(c)  //会默认执行var obj = c;这时候它们都是指向同一块堆内存,当执行++obj.age时,对象c的age属性加一,所以这个时候c = {name:'jirengu',age:3}
    f1(c.age) //取出c.age = 3 默认执行var n = 3.不会影响c.age
    console.log(a)  //1
    console.log(c)  //{name:'jirengu',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); //当有一个数被删除时,下一个数的index就变成了现在的这个值。如果继续循环就会错过下一个元素
                i--;
            }
        }
    }
    filter(arr)
    console.log(arr) // [3,1,2]
    

    6、

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

    7、

    浅拷贝示例:

    var obj = {
        name:'luoqian',
        friend:{
            name:'pangzi',
            sex:'male'
        }
    }
    function shadowCopy(obj) {
        var newObj = {};
        for (var key in obj) {
            //每一项直接赋值,如果是引用类型就会出问题
            newObj[key] = obj[key];
        }
       return newObj;
    }
    var obj2 = shadowCopy(obj);
    obj2.name = 'zhangru';
    console.log(obj);
    obj2.friend.name = 'zhaohang';
    console.log(obj);
    //改变非引用类型的时,原对象不会发生变化。但是如果有引用类型时就会影响,所以需要深拷贝
    

    深拷贝示例1

    function deepCopy(obj) {
        var newObj = {};
    
        for (var key in obj) {
            //只赋值对象自己的属性,原型上的属性不赋值
        if (obj.hasownproperty(key)) {
            //由于如果属性值是引用类型就不能直接赋值,所以我们需要判断一下属性的类型
            //由于typeof null返回值也是object,所以不能直接用typeof obj[key] === 'object'来判断
            if (typeof obj[key] === 'number' || typeof obj[key] === 'string' || typeof obj[key] === undefined || typeof obj[key] === null || typeof obj[key] === 'boolean') {
                newObj[key] = obj[key];
            }else {
                //当再次递归之后,返回的是
                 newObj[key] = deepCopy[obj[key]];
            }
        }
        
     }
        return newObj;
    
    }
    

    深拷贝示例2

    //利用json.stringify()将对象转换为字符串,然后再利用json.parse()将字符串转换为对象
    function deepCopy1(obj) {
        return newObj = JSON.parse(JSON.stringify(obj));
    }
    

    相关文章

      网友评论

          本文标题:进阶任务4

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