JavaScript引用類型與對象拷貝

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)
  }
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 引用類型有哪些?非引用類型有哪些 引用類型:對象、數組、函數、正則非引用類型:string、number、bool...
    柏龍閱讀 319評論 0 2
  • 第5章 引用類型(返回首頁) 本章內容 使用對象 創建并操作數組 理解基本的JavaScript類型 使用基本類型...
    大學一百閱讀 3,270評論 0 4
  • 每天都有喜歡的小紫薯,胡蘿卜,南瓜,山藥各種小樣當下午甜品。生活就應該五彩繽紛 愿我喜歡的你們安康,幸悅
    微笑吧_微笑閱讀 140評論 0 0
  • 文/國境之南 1. 入秋。 陰雨連綿。屋子里沒有了悶悶熱,變得涼爽起來,點滴小雨在一陣秋風中變的格外調皮,它舞動著...
    國境之南_閱讀 3,249評論 86 78