[JavaScript] データを格納した変数を変更すると、もとのデータも変更されたりされなかったり

JavaScriptの基本なんだけど、ふとどういう挙動なのか曖昧になったので確認＆メモ

view plainprint?

1. var test =  {  
2.     arr: [1,2,3,4],  
3.     bool: true,  
4.     num: 100,  
5.     str: 'unko',  
6.     obj: {  
7.      baka: 'fool',  
8.  aho: 'idiot'  
9.     },  
10.     test: function(){  
11.  //配列  
12.  var arr = this.arr;  
13.  arr.shift();  
14.  //元のデータも変更される  
15.  console.log(this.arr);//[2,3,4]  
16.    
17.  //真偽値  
18.  var bool = this.bool;  
19.  bool = false;  
20.  //真偽値は元のデータは変更しない  
21.  console.log(this.bool);//true  
22.  console.log(bool);//false こっちはもちろん変更されてる  
23.    
24.  //数値  
25.  var num = this.num;  
26.  num = 99;  
27.  //変更されない  
28.  console.log(this.num);//100  
29.    
30.  //文字列  
31.  var str = this.str;  
32.  str = 'chinko';  
33.  console.log(this.str);//unko  
34.    
35.  //オブジェクト  
36.  var obj = this.obj;  
37.  obj.baka = 'stupid';  
38.  //変更されている  
39.  console.log(this.obj.baka);//stupid  
40.     }  
41. }  
42.   
43. test.test();  

var test =  {
    arr: [1,2,3,4],
    bool: true,
    num: 100,
    str: 'unko',
    obj: {
     baka: 'fool',
 aho: 'idiot'
    },
    test: function(){
 //配列
 var arr = this.arr;
 arr.shift();
 //元のデータも変更される
 console.log(this.arr);//[2,3,4]
 
 //真偽値
 var bool = this.bool;
 bool = false;
 //真偽値は元のデータは変更しない
 console.log(this.bool);//true
 console.log(bool);//false こっちはもちろん変更されてる
 
 //数値
 var num = this.num;
 num = 99;
 //変更されない
 console.log(this.num);//100
 
 //文字列
 var str = this.str;
 str = 'chinko';
 console.log(this.str);//unko
 
 //オブジェクト
 var obj = this.obj;
 obj.baka = 'stupid';
 //変更されている
 console.log(this.obj.baka);//stupid
    }
}

test.test();

オブジェクトは参照渡し。 参考：参照型の値を変数へ代入