美文网首页饥人谷技术博客
引用类型与对象拷贝

引用类型与对象拷贝

作者: 任少鹏 | 来源:发表于2017-04-04 19:55 被阅读21次

1.引用类型有哪些?非引用类型有哪些
引用类型:Object / Array / Function / Date / RegExp / Error / Map / Set …
非引用类型即基本类型:Undefined / Null / Boolean / Number / String
区别:
基本类型:是存储在栈中的简单数据段,也就是说,它们的值直接存储在变量访问的位置。
引用类型:存储在堆中的对象,也就是说,存储在变量处的值是一个指针,指向存储对象的内存处。
2.如下代码输出什么?为什么

var obj1 = {a:1, b:2};
var obj2 = {a:1, b:2};
console.log(obj1 == obj2);//输出false,obj1和obj2都是引用类型,两者储存的地址并不相同
console.log(obj1 = obj2);//此处将obj2赋值给obj1,此时二者储存的地址变一样了
console.log(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,基本类型,aa和a有不同的栈空间
console.log(bb) //2,同上
console.log(cc)//{name: "hello", age: 3};cc和c储存的地址相同,指向堆内存的同一对象
console.log(dd)//[1,2,{name:'hello',age:3}];dd和d指向同一个堆内存的对象,d[2]则指向堆内存中的c

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为基本类型
console.log(a) //输出1,f1(a)默认执行var n=a即把a赋值给n,这里n和a有不同的栈内存,++n不改变a的值。
console.log(c)//输出{name:'jirengu',age:3},当调用f2(c)时,即执行var obj=c,因为c属于引用类型,所以obj和c指向堆内存的同一个对象```

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 arr1 = filter(arr);
console.log(arr1);
console.log(arr);

7.写一个深拷贝函数,用两种方式实现.
拷贝引用和拷贝实例,就是我们说的浅拷贝和深拷贝。
拷贝原对象的引用,即是最简单的浅拷贝。
深拷贝也就是拷贝出一个新的实例,新的实例和之前的实例互不影响。

方法一:

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


方法二:JOSN对象中的stringify可以把一个js对象序列化为一个JSON字符串,parse可以把JSON字符串反序列化为一个js对象,能够处理JSON格式能表示的所有数据类型,但是对于正则表达式类型、函数类型等无法进行深复制(而且会直接丢失相应的值),同时如果对象中存在循环引用的情况也无法正确处理

var newObj = JSON.parse(JSON.stringify(obj));

相关文章

  • Java深拷贝和浅拷贝

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

  • 深拷贝和浅拷贝

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

  • Java之深浅拷贝

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

  • 引用类型与对象拷贝

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

  • 引用类型与对象拷贝

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

  • 引用类型与对象拷贝

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

  • 引用类型与对象拷贝

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

  • 引用类型与对象拷贝

    1.引用类型有哪些?非引用类型有哪些 基本类型值(数值、布尔值、symbol、null和undefined):指的...

  • 引用类型与对象拷贝

    1.引用类型有哪些?非引用类型有哪些? ECMA Script中规定,JavaScript的基本数据类型分为两类,...

  • 引用类型与对象拷贝

    基本类型、引用类型 基本类型(字符串、数值、布尔值、null 和 undefined):指的是保存在栈内存中的简单...

网友评论

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

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