美文网首页
引用类型和对象拷贝

引用类型和对象拷贝

作者: 李永州的FE | 来源:发表于2017-06-03 16:02 被阅读0次
  • 引用类型:Array,Function,Object,Regex.指的是那些保存在堆内存中的对象,变量中保存的实际上只是一个指针,这个指针执行内存中的另一个位置,由该位置保存对象
  • 非引用类型:Number,String,Null,Undefined,Boolean.保存在栈
var obj1 = {a:1, b:2};
var obj2 = {a:1, b:2};
console.log(obj1 == obj2);//false obj1和obj2指向的地址不相同
console.log(obj1 = obj2);//{a:1,b:2},obj2指向的地址赋值给obj1,obj1和obj2共用一个地址
console.log(obj1 == obj2);//true 指向的地址相同

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

这个题总结起来就是,基本类型改变,不影响其他,引用类型改变,影响其他

var a = 1
var b = 2
var c = { name: '饥人谷', age: 2 }
var d = [a, b, c]
var aa = a
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,a的改变不影响aa
console.log(cc)// {name: 'hello', age: 3}因为cc和c指向同一地址,一个改变另一个也跟着改变
console.log(dd)//[1,2,{name: "hello", age: 3}],var dd=d是把d指向的地址赋值给dd,地址里面的值修改,dd的值也就会变化。

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

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) //传的是age基本类型不影响
console.log(a) //1    a是基本类型,所以传的是值,给n赋值后,n的值改变并不影响a
console.log(c)//{name: "jirengu", age: 3}  c是引用类型,传的是引用/地址,函数里面的改变同时也影响传递的实际参数

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

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]

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

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

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

var obj = {
        name:'jirengu',
        age:2,
        child:{
            name:"jirengu-child",
            age:3
        }
    };
    
    function deepCopy(obj) {
        var newObj = {};
        for(var key in obj) {
            if(typeof(obj[key])==='object') {
                newObj[key] = deepCopy(obj[key]);
            }
            else {
                newObj[key] = obj[key];
            }
        }
        return newObj;
    }
    var objs = deepCopy(obj);
    obj.child.name = "hello";
    console.log(obj);
    console.log(objs); 
    
    2.function copy(obj){
    var newobj = JSON.parse(JSON.stringify(obj));
    return newobj;
    }
    var obj2 = copy(obj1)
    console.log(obj2)
这种方法不太明白

补充浅拷贝示例:

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);
//改变非引用类型的时,原对象不会发生变化。但是如果有引用类型时就会影响,所以需要深拷贝

相关文章

  • Java深拷贝和浅拷贝

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

  • 深拷贝和浅拷贝

    深拷贝和浅拷贝主要是针对对象的属性是对象(引用类型) 一、基本类型和引用类型的区别1、先了解内存任何编程语言的内存...

  • 引用类型和对象拷贝

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

  • 引用类型和对象拷贝

    1.引用类型有哪些?非引用类型有哪些? 数值、字符串、布尔值、null和undefined为基本类型值,这些都是保...

  • 引用类型和对象拷贝

    引用类型:Array,Function,Object,Regex.指的是那些保存在堆内存中的对象,变量中保存的实际...

  • 引用类型和对象拷贝

    引用类型有哪些?非引用类型? 基本类型Number、String、Boolean、Null、Undefined 引...

  • 引用类型和对象拷贝

    引用类型有哪些?非引用类型有哪些2.如下代码输出什么?为什么 引用类型有对象、数组、函数、正则,非引用类型有数值、...

  • 引用类型和对象拷贝

    一、引用类型有哪些?非引用类型有哪些 JS 中分基本类型和引用类型。 基本类型值(数值、布尔值、字符串、null和...

  • 引用类型和对象拷贝

    1. 引用类型有哪些,非引用类型有哪些? 基本类型(非引用类型):Number, String, Boolean,...

  • 引用类型和对象拷贝

    1. 引用类型有哪些,非引用类型有哪些? 基本类型(非引用类型):Number, String, Boolean,...

网友评论

      本文标题:引用类型和对象拷贝

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