美文网首页
进阶4 引用类型与对象拷贝

进阶4 引用类型与对象拷贝

作者: 512a36a11b8c | 来源:发表于2017-11-10 22:22 被阅读24次

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

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

非引用类型指的事基本类型,指的是保存在栈内存中的简单数据段,如数值,布尔值、字符串、null和undefined

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

var obj1 = {a:1, b:2};
var obj2 = {a:1, b:2};
console.log(obj1 == obj2);
//false,由于obj1与obj2所储存的位置不同,所以false。
console.log(obj1 = obj2);
//obj2赋值给obj1 输出 Object { a=1,  b=2} 内容。
console.log(obj1 == obj2);
//把obj2赋值给obj1,所以obj2与obj1存储的位置是一样的,所以为true。

输出: false {a:1,b:2} true
原因:
obj1和obj2的指针地址不同,打印false;
将obj2指针地址赋值给obj1,并打印对象;
由于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,因为 var aa = a
console.log(bb) 
//输出 2 都是值传递,aa、a、bb、b都会开辟一个块属于自己的栈空间
console.log(cc)
//{name:'hello',age:3} 对象的赋值是引用传递,cc和c都是指向同一块堆内存。
console.log(dd)
//[1,2,{name:'hello',age:3}] 数组的赋值也是引用传递

输出:1;2;object {name:"hello" age:3};[1,2,object{name:"hello" age:3}]
原因:原因:aa的值不变,为原先的a的值。bb同理。d的第三个数存着c的指针,cc也存着c的指针,改变c指针下的内容,数组d和cc的内容同步,所以均为改变后的name:hello,age:3;而数组d也是对象,开辟了新的空间,保存的是a和b和原始值,对a和b的重新赋值并没有对数组指针下的a,b进行修改,所以仍然为1和2。

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

var a = 1
var c = { name: 'jirengu', age: 2 }

function f1(n){
  ++n
}
function f2(obj){
  ++obj.age
}

f1(a) 
//a = 1 ,会默认执行赋值动作,var n = a,属于值传递,++n时,a依旧保持原始值不变的。
f2(c) 
//c = {name:'jirengu',age:3}
//会默认执行var obj = c
//这时候它们都是指向同一块堆内存,当执行++obj.age时,对象c的age属性加一
f1(c.age) 
//取出c.age = 3 默认执行var n = 3.不会影响c.age
console.log(a) 
//1
console.log(c)
//{name:'jirengu',age:3}

输出:1;object{name: "jirengu",age: 3}
原因:a的值传递给n,n的内存和a的内存不是一个地址,所以n自增后不改变a,同样执行f1(c.age)时也不改变c.age。而对象作为参数时,传递的是地址值,f(2)执行的语句改变了该地址下的内容,使age自增1。所以f2(c)执行结束后改变了c.age由2变为了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);
            filter(arr);
        }
    }
}
filter(arr);
console.log(arr);//[3, 1, 2]

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

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

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

迭代法:

function deepCopy(obj){
    var newObj = {};
    for(key in obj){
        //需要对象自有属性,排除原型链上的属性
        if(obj.hasOwnProperty(key)){
            //如果是简单型值就直接拷贝
            if(typeof obj[key] === 'number'||typeof obj[key] === 'string'||typeof obj[key] === 'boolean'||obj[key] === undefined || obj[key] === null){
                newObj[key] = obj[key];
            }else{
                //如果obj[key]仍是引用类型数值,则对obj[key]执行递归操作,直到分解为简单值
                newObj[key] = deepCopy(obj[key]);
            }
        }
    }
}

json法:

function copy(obj){
var obj1 = {}
obj1 = JSON.parse(JSON.stringify(obj))
return obj1
}

先利用JSON.stringify()将对象转换为字符串,再用JSON.parse()将字符串转换为对象,此时的对象与原对象就没有关系了

//方法一
function deepCopy(oldObj) {
    var newObj = {};
    for(var key in oldObj) {
        if(typeof oldObj[key] === 'object' && oldObj[key] !== null ) {
            newObj[key] = deepCopy(oldObj[key]);
        }else{
            newObj[key] = oldObj[key];
        }
    }
    return newObj;
}
//方法二
//优点:简单方便,大多数时候可以满足需求
//缺点:1.无法复制函数 2.原型链没了,对象就是object,所属的类没了。
function deepCopy2(oldObj) {
    var newObj = {}
    newObj = JSON.parse( JSON.stringify(oldObj) )
    return newObj
}

相关文章

  • 进阶4 引用类型与对象拷贝

    1. 引用类型有哪些?非引用类型有哪些 引用类型值(对象、数组、函数、正则):指的是那些保存在堆内存中的对象,变量...

  • 进阶4 引用类型对象拷贝

    1. 引用类型有哪些?非引用类型有哪些? 引用类型值(对象、数组、函数、正则):指的是那些保存在堆内存中的对象,变...

  • 进阶4: 引用类型对象拷贝

    1. 引用类型有哪些?非引用类型有哪些 非引用类型值:数值、布尔值、字符串、null和undefined,还有深拷...

  • 进阶4 引用类型对象拷贝

    1.javascript引用类型有哪些?非引用类型有哪些? 引用类型:对象、数组、函数、正则表达式,指保存在堆内存...

  • 引用类型对象拷贝(进阶4)

    1.引用类型有哪些?非引用类型有哪些 引用类型包括:数组、对象、正则、函数 非引用类型(即基本类型):数值、布尔值...

  • 进阶—引用类型对象拷贝

    1.引用类型有哪些?非引用类型有哪些 引用类型值(对象、数组、函数、正则):指的是那些保存在堆内存中的对象,变量中...

  • 引用类型对象拷贝(进阶4作业)

    1.引用类型有哪些?非引用类型有哪些 基本类型值(数值、布尔值、null和undefined):指的是保存在栈内存...

  • 进阶4-引用类型对象拷贝

    1.引用类型有哪些?非引用类型有哪些 基本类型(数值、布尔值、null、undefined):指的是保存在栈内存中...

  • 进阶任务4:引用类型对象拷贝

    1.引用类型有哪些?非引用类型有哪些? 引用类型值(对象、数组、函数、正则):指的是那些保存在堆内存中的对象,变量...

  • Java深拷贝和浅拷贝

    定义 浅拷贝 基本数据类型 拷贝数值 引用类型 拷贝对象引用 深拷贝 基本数据类型 拷贝数值 引用类型 拷贝引用所...

网友评论

      本文标题:进阶4 引用类型与对象拷贝

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