js引用類型和對象拷貝

ECMAScript 變量可能包含兩種不同數(shù)據(jù)類型的值:基本類型值和引用類型值。
-基本類型值是指保存在棧內(nèi)存中的簡單數(shù)據(jù)段(number,string,boolear,null,undefined),這5種數(shù)據(jù)類型是按值訪問的,因此可以直接操作保存在變量中的實際的值。
-引用類型值是指保存在堆內(nèi)存中的那些可能由多個值構(gòu)成的對象(對象,數(shù)組,函數(shù),正則),變量中保存的實際上只是一個指針,這個指針指向了內(nèi)存中的另一個位置,由該位置保存對象。

var obj1 = {a:1, b:2};
var obj2 = {a:1, b:2};
console.log(obj1 == obj2);
console.log(obj1 = obj2);
console.log(obj1 == obj2);
/* 
false    {a:1, b:2}   true  第一個是因為兩個都是引用類型值,保存的其實是指針,obj2賦值給obj1后 二者相等。
*/
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)   //a賦值給aa后aa生成一個新的值 ,兩者不在關(guān)聯(lián)
console.log(bb)   //b賦值給bb后bb生成一個新的值,兩者不在關(guān)聯(lián)
console.log(cc)   //c賦值給cc后cc生成一個相同的指針指向同一個對象
console.log(dd)  //  d賦值給dd后dd生成一個相同的指針指向同一個對象
//1    2    {neme:hello  age:2}      1,2,{ name: '饑人谷', age: 3 }
var a = 1
var c = { name: 'jirengu', age: 2 }

function f1(n){
  ++n
}
function f2(obj){
  ++obj.age
}

f1(a)      //a賦值給n后++n
f2(c)     //c賦值給obj后 ++obj.age即c.age改變
f1(c.age)   // c.age賦值給n后++n
console.log(a) 
console.log(c)
//    1  {name:'jirengu',age:3}
//過濾如下數(shù)組,只保留正數(shù),直接在原數(shù)組上操作
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=i-1;
    }
  }
}
filter(arr)
console.log(arr)  // [3,1,2]
//過濾如下數(shù)組,只保留正數(shù),原數(shù)組不變,生成新數(shù)組
var arr = [3,1,0,-1,-3,2,-5]
function filter(arr){
 var newArray={}
  for(var i = 0 ; i < arr.length;i++){
    if(arr[i] >  0) {
        newArray[i]=arr[i]     
    }
  }
  return newArray
}
var arr2 = filter(arr)
console.log(arr2) // [3,1,2]
console.log(arr)  // [3,1,0,-1,-3,2,-5]

寫一個深拷貝函數(shù),用兩種方式實現(xiàn)

//遞歸
var school ={
terchers:{
  name:'li',
  sex:'male'
  },
students:{
  name:'erer',
  sex:'female'
  }
}
function copysc(school){

  var newobj ={}
  for (var key in school){
      if(school.hasOwnProperty(key)){
      if(typeof school[key] === 'number'|| typeof school[key] === 'boolean' || typeof school[key] === 'string' || school[key] === undefined || school[key] === null){
           newobj[key]= school[key] 
            }else{
           newobj[key]=copysc(school[key])
                        }
                   } 
          }
            return newobj
}
var newSchool = copysc(school)
console.log(newSchool)
//JSON
var school ={
terchers:{
  name:'li',
  sex:'male'
  },
students:{
  name:'erer',
  sex:'female'
  }
}
var newSchool = JSON.parse(JSON.stringify(school))
console.log(newSchool)
school.terchers.name= 'xie'
console.log(newSchool)
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關(guān)閱讀更多精彩內(nèi)容

  • 前言 把《C++ Primer》[https://book.douban.com/subject/25708312...
    尤汐Yogy閱讀 9,666評論 1 51
  • 從三月份找實習到現(xiàn)在,面了一些公司,掛了不少,但最終還是拿到小米、百度、阿里、京東、新浪、CVTE、樂視家的研發(fā)崗...
    時芥藍閱讀 42,791評論 11 349
  • 基本內(nèi)置類型 算術(shù)類型字符整型布爾值浮點數(shù) 空類型(void) 算術(shù)類型 帶符號類型和無符號類型int、short...
    2625K閱讀 3,643評論 0 1
  • *面試心聲:其實這些題本人都沒怎么背,但是在上海 兩周半 面了大約10家 收到差不多3個offer,總結(jié)起來就是把...
    Dove_iOS閱讀 27,608評論 30 472
  • 我們和他們有什么區(qū)別呢,我對他們有什么印象呢,經(jīng)常會對一群人,一類人有固定的印象,基本歸因謬誤告訴我們,想要預測,...
    Dflower閱讀 469評論 0 0

友情鏈接更多精彩內(nèi)容