引用类型对象拷贝

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

引用类型是指那些存在堆内存中的对象,变量中保存的知识一个指针,这个指针指向内存中的另一个位置,有该位置保存对象,具体有对象,函数,数组,正则
非引用类型就是基本类型,值存在栈内存中的简单数据段,具体有数字,布尔,string,null,undefined

2.实例1(引用类型)

var obj1 = {a:1, b:2};
var obj2 = {a:1, b:2};
console.log(obj1 == obj2);   // false  如果两个变量引用的是两个不同地址的对象,即使对象的内部参数都是一样的,系统也会认为是不同的两个对象
console.log(obj1 = obj2);    // {a:1, b:2}  把obj2的指针地址复制给obj1
console.log(obj1 == obj2);  //  true  在进行第二歩的赋值操作之后,obj1与obj2都指向同一个地方,故相等

3.实例2(引用类型2,结合数组)

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
console.log(cc)   // { name: 'hello', age: 3 }  引用类型赋值只复制指针,c与cc指向同一地址,把c改后,此地址处内用有变,而cc仍指向此处,自然有变  age变三是因为 d[2]['age'] = 3
console.log(dd)   // [1,2,{name:'hello',age:'3'}]  d与dd的第三项都是指针,修改c,dd与d中也应有变化

4.实例3()

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

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

f1(a)                // undefined  函数默认返回undefined
f2(c)                // undefined   不过此时c已发生变化 c此时是{name:'jirengu',age:3}
f1(c.age)            // undefined  c.age保持不变
console.log(a)       // 1 此期间没有改变a值的操作
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);
      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)

//方式二
var arr = [3,1,0,-1,-3,2,-5];
function positiveNumber(value){
  return value > 0;
}
var newArr = [];
newArr = arr.filter(positiveNumber);
console.log(newArr);

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

//第一种
obj = {
    name:'cz',
    age:25,
    friend:{
        name:'ruoyu',
        sex:'male',
    }
}
function deepCopy(oldObj) {
    var newObj = {};
    for(var key in oldObj){
      if(oldObj.hasOwnProperty(key)){
        if(typeof oldObj[key] === 'number' || typeof oldObj[key] === 'string' || typeof oldObj[key] === 'boolean' || oldObj[key] === null || oldObj[key] === undefined){
           newObj[key] = oldObj[key]
        }else{
           newObj[key] = deepCopy(oldObj[key])
        }
    }
  }
    return newObj
}
var obj2 = deepCopy(obj);
console.log(obj2);

//第二种
 function deepCopy(oldObj){
    var newObj = JSON.parse(JSON.stringify(oldObj));
    return newObj;
 }
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1.引用类型有哪些?非引用类型有哪些非引用类型值,即基本类型值(数值,布尔值,undefined,null):指保...
    青鸣阅读 425评论 0 0
  • 1.引用类型有哪些?非引用类型有哪些 基本类型值(Number、Boolean、string、null和undef...
    saintkl阅读 367评论 0 0
  • 引用类型 引用类型变量保存的仅仅是一个指针,指针指向堆内存中保存对象的位置。 所以基本类型复制的时候仅仅复制值,复...
    DeeJay_Y阅读 595评论 0 0
  • 1.引用类型; 2.过滤数组; 3.深浅拷贝方法; 1.引用类型有哪些?非引用类型有哪些 引用类型:引用类型(Ob...
    好奇而已阅读 1,397评论 0 0
  • 1.引用类型有哪些?非引用类型有哪些? JS为了便于操作基本类型,提供了3个特殊的引用类型:Boolean/Num...
    饥人谷_米弥轮阅读 200评论 0 0