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

引用类型对象拷贝

作者: cctosuper | 来源:发表于2017-11-04 10:55 被阅读0次

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

  • 基本类型(number, string, null, undefined, Boolean)是保存在栈内存中的简单数据段, 因为可以操作保存在变量中的实际值
  • 引用类型(对象, 数组, 函数, 正则表达式)是保存在堆内存中的对象, 变量中保存的实际只是一个指针, 这个指针执行内存中的另外一个位置, 该位置保存对象
  • string虽然属于基本类型, 但是由于自身只读的原因,是无法修改的, 这导致给相同的字符串赋不同的变量, 不同的变量指向了同一个字符串的位置, 有点类似引用类型

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}
console.log(obj1 == obj2); //true
/*1.由于一开始声明了两个对象,分别为obj1、obj2,此两个对象都拥有独立不同的地址;故第一个console.log(obj1 == obj2); 输出false,因为他们的地址不一样,属于不同的“变量”,只不过长得一样而已。
2.然后console.log(obj1 = obj2); 把obj2的地址赋值给obj1,此时obj1,obj2拥有同一个地址。
3.最后执行console.log(obj1 == obj2)时,由于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
console.log(bb)  //2
console.log(cc)  //{ name:'hello', age: 3}
console.log(dd) //[1,2,{ name: 'hello', age: 3 }]
/*
1.首先定义了a,b,c,d,aa,bb,cc,dd
2.分别给a,b,c,d赋值,a,b为基本类型,c,d为引用类型,故c,d实际存储为一串地址。
3.然后分别把a,b,c,d的值赋值给aa,bb,cc,dd,此时aa,bb分别为1,2;cc,dd为c,d的存储地址。
4.重新给a,b,c,d赋值,其中a,b的值被覆盖,c,d为修改地址中的内容,c,d存储的地址没有修改
5.运行调试aa,bb分别为1,2;因为第四步只修改了a,b的值,aa,bb没有影响;cc,dd的指向分别为c,d的地址,故cc,dd的值和c,d一样。
*/

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
console.log(c) //{ name: 'jirengu', age: 3 }
/*
1.首先声明a,c,函数fn1,fn2;a 为基础类型,c为对象:引用类型,故实际存储为一串地址。
2.运行f1(a),声明n,并将a的值赋值n,n=a=1;++n,此时n=2;
3.运行f2(a),声明obj,并将c中地址赋值给obj,obj.age=c.age=2,++obj.age=3,此时obj和c都指向同一个地址,地址内容为{ name: 'jirengu', age: 3 }
4.运行f1(c.age),声明n,将n=c.age=2,++n,此时n=3
5.调试console.log(a),此时a还是1;故输出1
6.调试console.log(c),此时c所保存的地址不变,但是地址里面的内容已经被f2函数修改了,故输出{ 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 = [];
  for(var i = 0; i < arr.length; i++) {
    if (arr[i] > 0) {
      newarr.push(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 key in obj) {
    if (obj.hasOwnProperty) {
      if (obj[key] === null || obj[key] === undefined || typeof obj[key] === "string" || typeof obj[key] === "number" || typeof obj[key] === "boolean") {
        newobj[key] = obj[key]
      } else {
        newobj[key] = copy(obj[key])
      }
    }  
  }  
  return newobj
}
function copy2(obj) {
  return JSON.parse(JSON.stringify(obj));
}

相关文章

  • Java深拷贝和浅拷贝

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

  • 15.深浅拷贝

    浅拷贝:就是当被拷贝的对象的某个属性值为引用类型时,拷贝的对象会将被拷贝的对象的这个属性的引用的地址拷贝过来,这样...

  • 深拷贝和浅拷贝

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

  • 引用类型对象拷贝

    一.引用类型有哪些?非引用类型有哪些引用类型有对象、数组、函数、正则表达式非引用类型:数值、布尔值、null、un...

  • 引用类型对象拷贝

    1.引用类型有哪些?非引用类型有哪些 数据类型分为两类,即基本数据类型和引用类型,其中基本数据类型包括5样,num...

  • 引用类型对象拷贝

    引用类型有哪些?非引用类型有哪些 引用类型对象、数组、函数、正则非引用类型所有的基本类型:数值、字符串、布尔值、n...

  • 引用类型对象拷贝

    引用类型有哪些?非引用类型有哪些 引用类型值(对象、数组、函数、正则():指的是那些保存在堆内存中的对象,变量中保...

  • 引用类型对象拷贝

    1.引用类型有哪些?非引用类型有哪些 (1)引用类型包括:对象,数组,函数,正则。指的是那些保存在堆内存中的对象,...

  • 引用类型对象拷贝

    引用类型有哪些?非引用类型有哪些 引用类型值(对象、数组、函数、正则):指的是那些保存在堆内存中的对象,变量中保存...

  • 引用类型对象拷贝

    1.引用类型有哪些?非引用类型有哪些? 引用类型有:函数,对象,正则,数组。指的是那些保存在堆内存中的对象,变量中...

网友评论

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

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