美文网首页
JS-引用类型与对象拷贝

JS-引用类型与对象拷贝

作者: 饥人谷_bigJiao | 来源:发表于2017-10-03 15:46 被阅读0次

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

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

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

  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
  console.log(obj1 == obj2);      // true 经过上一步之后,obj1和obj2指向同一个地址

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,aa=1,所以aa=1
  console.log(bb)         // 2 把b赋值给bb,bb=2,所以bb=2
  console.log(cc) 
  /*
   输出:{ name: 'hello', age: 3 } 把c存储的地址赋值给cc,所以cc和c指向同一个对象,c.name发生变化,cc.name发生同样的变化,
  同理  d[2].['age'] = 3把对象中age的值改为3,所以cc.age = 3
  */
  console.log(dd)         // [1, 2, { name: '饥人谷', age: 3 }] dd和d指向同一个数组,数组中存储的值为[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)         // 把c.age的值赋给n,n的值发生变化,对c.age没有影响
  console.log(a)    // 1 a的值赋给n,n发生变化,a没有变化,a的值为1
  console.log(c)    // {name: "jirengu", age: 3} 把c的值赋给obj,obj和c指向同样的地址,obj.age发生变化,c.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) // [3,1,2]
  console.log(arr)  // [3,1,0,-1,-2,2,-5]

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

  function deepCopy(oldObj) {
    var newObj = {}
    for (var key in oldObj) {
      if (oldObj.hasOwnProperty(key)) {
        if (typeof oldObj[key] === 'number' || 
            typeof oldObj[key] === 'boolean' ||
            typeof oldObj[key] === 'string' ||
            typeof oldObj[key] === 'undefined' ||
            oldObj[key] === null
        ) {
          newObj[key] = oldObj[key]
        } else {
         newObj[key] = deepCopy(oldObj[key])
        }
      } 
    }    
    
    return newObj
  }

  founcation deepCopy(oldObj){
    var newObj = {}
    newObj = JSON.parse(JSON.stringify(oldObj))
    return newObj
  }

相关文章

  • JS-引用类型与对象拷贝

    1.引用类型有哪些?非引用类型有哪些 基本类型值(数值、布尔值、字符串、null和undefined):指的是保存...

  • js-引用类型对象拷贝

    1.引用类型; 2.过滤数组; 3.深浅拷贝方法; 1.引用类型有哪些?非引用类型有哪些 引用类型:引用类型(Ob...

  • js-引用类型对象拷贝

    在JavaScript中,对于Object和Array这类引用类型值,当从一个变量向另一个变量复制引用类型值时,这...

  • Java深拷贝和浅拷贝

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

  • 深拷贝和浅拷贝

    浅拷贝就比如像引用类型,而深拷贝就比如值类型。浅拷贝是指源对象与拷贝对象共用一份实体,仅仅是引用的变量不同(名称不...

  • Java之深浅拷贝

    Java之深浅拷贝 基本类型:拷贝数据的值其他类型:拷贝地址的引用,拷贝出的新对象与原对象共享实例变量,不受访问权...

  • 引用类型与对象拷贝

    引用类型有哪些?非引用类型有哪些? 引用类型包括:对象、数组、函数、正则表达式; 非引用类型,即基本类型,包括:数...

  • 引用类型与对象拷贝

    引用类型有哪些?非引用类型有哪些 引用类型:Object、Array、Date、RegExp、Function、M...

  • 引用类型与对象拷贝

    1、引用类型有哪些?非引用类型有哪些 引用类型:Object、Array、Function、正则,将这些对象保存在...

  • 引用类型与对象拷贝

    1.引用类型有哪些?非引用类型有哪些 引用类型: 对象 object 数组 函数 正则非引用类型...

网友评论

      本文标题:JS-引用类型与对象拷贝

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