进阶—引用类型对象拷贝

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

  • 引用类型值(对象、数组、函数、正则):指的是那些保存在堆内存中的对象,变量中保存的实际上只是一个指针,这个指针执行内存中的另一个位置,由该位置保存对象。
  • 基本类型值(数值、布尔值、null和undefined):指的是保存在栈内存中的简单数据段。

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

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        赋值后两者相等

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=11前,a=1已经赋值给aa
console.log(bb)         // 2    b=22前,b=2已经赋值给bb
console.log(cc)          // name: "hello", age:3           c是引用类型,c=cc会让两者都指向同一个内存位置,改变c,d会改变内存中存放的值,c的name属性为"hello",d数组第三个c中的"age"变为3。
console.log(dd)          // [1,2,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) 
f2(c) 
f1(c.age) 
console.log(a)       // 1          n是新的变量,a一直等于1
console.log(c)        // name: 'jirengu', age: 3        函数f2中obj和c都指向同一个内存地址,age的值变为3。n是新的变量,不会改原来age的值。   

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)

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

浅拷贝 新对象和旧对象指向的内存地址一样
深拷贝 完全拷贝,新对象有一个新的内存地址
深拷贝两种
(1)function deepCopy(oldObj) {
        var newObj = {};
        for(var key in oldObj) {
            if(typeof oldObj[key] === 'object') {
                newObj[key] = deepCopy(oldObj[key]);
            }
            else{
                newObj[key] = oldObj[key];
            }
        }
        return newObj;
    }


(2)function deepCopy1(obj) {
    return newObj = JSON.parse(JSON.stringify(obj));
}
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 国家电网公司企业标准(Q/GDW)- 面向对象的用电信息数据交换协议 - 报批稿:20170802 前言: 排版 ...
    庭说阅读 14,030评论 6 13
  • 第5章 引用类型(返回首页) 本章内容 使用对象 创建并操作数组 理解基本的JavaScript类型 使用基本类型...
    大学一百阅读 8,837评论 0 4
  • 1. Java基础部分 基础部分的顺序:基本语法,类相关的语法,内部类的语法,继承相关的语法,异常的语法,线程的语...
    子非鱼_t_阅读 33,391评论 18 399
  • 滴滴滴咚...... 伴着一阵手机铃声。我娴熟的打开手机看了看微信,是燕子老师发来的一则文乡小聚的邀...
    鲍海祥阅读 2,593评论 0 1
  • 刚一下班,小柯就急急忙忙地赶到公交车站,打算今晚早点回家和妈妈过生日。 其实小柯是郁闷的,因为她三十几岁了,在这个...
    玛丽约阅读 3,899评论 0 5

友情链接更多精彩内容