JS引用类型对象拷贝

1.引用类型有哪些？非引用类型有哪些2.如下代码输出什么？为什么

image.png

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

非引用类型有：数字，字符串，布尔，undefined，null，Symbol (ECMAScript 6 新定义)
非引用类型指的是保存在栈内存中的简单数据段；

var obj1 = {a:1, b:2};
var obj2 = {a:1, b:2};
//输出false，obj1与obj2都是引用类型，是两个不同的对象，所以是false
console.log(obj1 == obj2);
//输出obj1对象的值， obj1对象被赋值为obj2对象
console.log(obj1 = obj2);
//输出ture， 经过obj1 = obj2赋值后，obj1与obj2都指向同一个对象，所以obj1 == obj2为true
console.log(obj1 == obj2);

---

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

image.png

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

//输出1， 由于a是非引用类型，aa赋值为a后，a改变不会影响aa
console.log(aa) 
//输出2， 由于b是非引用类型，bb赋值为b后，b改变不会影响bb
console.log(bb) 
//输出{name:'hello',age:3}    由于c是引用类型，cc与c还有d数组中的第3个子元素指向同一个对象，
console.log(cc)
//输出1,2,{name:'hello',age:3}
console.log(dd)

---

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

image.png

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

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

//不会影响全局上下文中的a，因为a是非引用变量，相当于 
//function f1(a){
    // var b = a;
    // ++b;
//}
f1(a) 
//c是引用变量，f2(c)执行完后，c.age = 3
f2(c) 
//c.age是非引用变量，f1(c.age)执行完后，c.age = 3
f1(c.age) 
//输出1
console.log(a) 
//输出{name:'jirengu', age:3}
console.log(c)

---

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

image.png

var arr = [3, 1, 0, -1, -3, 2, -5]
function filter(arr) {
        for (var i = 0; i < arr.length; i++) {
        if (arr[i] <= 0) {
            //删除1个子元素，从下标第i个子元素开始
            arr.splice(i, 1);
            i--;
        }
    }
}
filter(arr)
console.log(arr) // [3,1,2]

---

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

image.png

var arr = [3, 1, 0, -1, -3, 2, -5]

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

---

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

方式1：

function deepCopy(obj) {
    var newObj = {};
    for (var key in obj) {
        if (obj.hasOwnProperty(key)) {
            var element = obj[key];

            if ('number' === typeof element || 'string' === typeof element ||
            'boolean' === typeof element || undefined === element || null === element) {
                newObj[key] = element;
            } else {
                newObj[key] = deepCopy(element);
            }
        }
    }
    return newObj;
}
obj1.child.name = 'obj1-child-modify';
var newObj = deepCopy(obj1);
newObj.child.name = 'newObj-child-modify';
console.log('obj1', obj1.child.name);
console.log('newObj', newObj.child.name);

方式2：

function deepCopy(obj) {
    var jsonObj = JSON.parse(JSON.stringify(obj));
    return jsonObj;
}

obj1.child.name = 'obj1-child-modify';
var newObj = deepCopy(obj1);
newObj.child.name = 'newObj-child-modify';
console.log('obj1', obj1.child.name);
console.log('newObj', newObj.child.name);