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

JavaScript引用类型与对象拷贝

作者: liushaung | 来源:发表于2017-08-04 14:12 被阅读0次

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

  • 非引用类型:number、string、boolean、undefined、null
  • 引用类型:object,对象又可以分成三个子类型:
    • 狭义的对象(object)
    • 数组(array)
    • 函数(function)

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)
  }

相关文章

  • JS面试复习笔记

    JavaScript复习 变量类型值类型typeof :值[开新空间]/引用[引用堆空间]/函数引用类型对象深拷贝...

  • JavaScript引用类型与对象拷贝

    1.引用类型有哪些?非引用类型有哪些 非引用类型:number、string、boolean、undefined、...

  • JavaScript引用类型与对象拷贝

    引用类型有哪些?非引用类型有哪些 引用类型:对象、数组、函数、正则非引用类型:string、number、bool...

  • JavaScript对象02

    JavaScript对象02 对象浅拷贝 浅拷贝:不会考虑对象的层次结构,不会考虑任何引用类型, 换句话说,浅拷贝...

  • 如何实现数组深拷贝和浅拷贝?

    如何实现数组深拷贝和浅拷贝? 1.背景介绍 javascript分原始类型与引用类型。Array是引用类型,直接用...

  • JavaScript引用类型, 对象拷贝

    引用类型有哪些?非引用类型有哪些? 引用类型是指那些保存在堆内存中的对象。声明变量保存在栈内存中的实际上只是一个指...

  • js浅拷贝和深拷贝

    javaScript的变量类型 javaScript的变量类型基本类型:引用类型: 浅拷贝和深拷贝的区分 浅拷贝浅...

  • Java深拷贝和浅拷贝

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

  • 手写深拷贝

    1. 简述深拷贝 JavaScript 中有2种变量类型:值类型(基本类型)和引用类型。深拷贝和浅拷贝都是针对引用...

  • 深拷贝和浅拷贝

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

网友评论

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

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