饥人谷技术博客

JavaScript引用类型与对象拷贝

2017-08-04  本文已影响0人  liushaung

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

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

var obj1 = {a:1, b:2};
var obj2 = {a:1, b:2};
console.log(obj1 == obj2);
// false,它们的属性值虽然相同,但是在内存中的地址不同
console.log(obj1 = obj2);
// 返回obj2所指向的对象,赋值语句会复制对象的地址
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赋值给aa的时候值为1,以后a的值改变并不会影响aa
console.log(bb)
// 2, 同上 
console.log(cc)
// {name: 'hello', 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,执行f1(a)传递参数相当于在函数内部执行:var n = a;
而a只是将1赋值给n,改变n的值并不会改变a
console.log(c)
// {name:'jirengu',age: 3}, 执行f2(c)时:var obj =c;
而c是对象,会进行地址传递,操作obj会影响a的值;
执行f1(c.age)因为c.age是基本类型,所以不会受影响.

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

var arr = [3,1,0,-1,-3,2,-5]
function filter(arr){
  for (var i in arr) {
    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(arr){
  var newArr = []
  var j = 0
  for (var i in arr) {
    if (arr[i] > 0) {
      newArr[j++] = arr[i]
    }
    
  }
  return newArr
}
var arr2 = filter(arr)
console.log(arr2) // [3,1,2]
console.log(arr)  // [3,1,0,-1,-2,2,-5]

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

一、递归实现深复制
  function copy(obj) {
    var newObj = {}
    for (var x in obj) {
      if (obj.hasOwnProperty(x)) {
        if (typeof obj[x]==="number" || 
            typeof obj[x]==="string" ||
            typeof obj[x]==="boolean" ||
            typeof obj[x]==="undefined" ||
            obj[x]===null) {
              newObj[x] = obj[x]
        } else {
          newObj[x] = copy(obj[x])
        } 
      }
    }
    return newObj;
  }

  二、JSON方法实现深复制
  function copy(obj) {
    var str = JSON.stringify(obj)
    return JSON.parse(str)
  }
上一篇 下一篇

猜你喜欢

热点阅读