JavaScript（六）-对象

//1.定义对象 var obj={a:1,b:2}; //a是obj的key //1是obj的key属性的value; //键值对key-value; //2.给对象的key赋值 obj.a=10;//直接定义对象obj的属性a的值是10 //3.给对象添加新属性（方法一） obj.c=20;//现在给obj对象创建一个新属性c，并且设置这个新属性的值是20 //打印属性值（方法一） console.log(obj.c); //4.给对象添加新属性（方法二） obj["d"]=30;//即obj.d=30; //打印属性值（方法二） console.log(obj["d"]);//即cosole.log(obj.d);

对象属性有两种写法： （1）点语法 （2）中括号[]的写法 区别： 1.obj.a 点语法是不需要双引号 obj[“a”] key的写法必须有双引号 //为什么要有双引号？ 在这种写法时，要求属性名必须是字符型（或symbol型）

var a="ab"; obj[a]=40; //这里a是变量，可以理解为将"ab"的字符串作为obj的属性 console.log(obj.ab);

那么什么时候加双引号？ 属性是字符串的时候就需要加双引号，是变量就不需要加双引号

var s="眼睛"; 小明[s]=2; 小明["眼睛"]=2; 小明.s=2;//这里使用点语法时不能使用变量 //这种写法会造成给小明添加s属性，他的值是2，并没有添加眼睛属性 var obj={a:1,b:2}; var o="a"; console.log(obj[o]);//1 console.log(obj.o);//undefined var o="a"; console.log(obj[o]);//1,o没有加双引号是变量 console.log(obj["o"]);//3,o是字符串 console.log(obj.o);//3，点语法，不能加变量，所以不需要双引号，默认是o属性 var n=9; obj[n]=100;//如果变量的值不是字符，会隐式转换为字符，会将n的值转换为字符9，设置为属性 var m=true; obj[m]=10;//这里会将任何变量不是字符串的隐式转换为字符串

当使用对象[变量]，如果变量不是字符型，会隐式转换为字符型，并且将这个字符串作为该对象的属性名；

var o={a:1}; var o1={b:2}; var o2={}; o2[o]=10;//o转换为字符串时是"[object Object]" o2[o1]=20;//o2转换为字符串时是"[object Object]"，则会覆盖 console.log(o2[o]);//20

遍历对象

var obj={ a:1, b:2, c:3, d:4, e:undefined } console.log("e" in obj);//e是不是obj的属性名 for(var prop in obj){ // 将所有obj中的属性名分别赋值给prop这个变量 console.log(prop);//key console.log(obj[prop]);//value }

运行结果： js中的对象遍历是根据对象属性添加的先后来遍历，对象遍历是有顺序的

var o={f:10,g:20}; for(var prop in obj){ o[prop]=obj[prop]; } console.log(o);

即：

o=Object.assign(o,obj);//用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。它将返回目标对象。o是目标对象，obj是源对象

JSON串

var obj={a:1}; console.log(obj); var str=JSON.stringify(obj); console.log(str);

1.JSON.stringify(obj)//转为JSON串 运行结果： 2.JSON串转换为对象

var s='{"b":2}'; var o=JSON.parse(s);//将JSON字符串转换为对象 console.log(o);

运行结果

堆和栈

1、栈的数据读取、写入速度较快，但是存储的内容较少 2、堆的读取和写入速度较慢，但是存储的内容较多 内存 硬盘 重启电脑内存就会清除 3、字符型、数值型、布尔型、undefined存在栈中； 4、对象存储在堆中； 5、栈中，一旦该变量不再使用则会被清理掉 6、当点击对象前面的箭头时，才去堆中对应的地址去取数据 7、引用地址就是指堆中对象存储的地址

内存泄漏：对象的引用列表中变量并没有清除掉引用关系，因此就不会被垃圾回收机车回收

var obj={a:1}; obj=3; //{a:1}的引用列表中仍然是obj //obj已经是新的值3了，于是没有任何方法在获得{a:1} //这个对象也就不会被回收了 obj=null;//在{a:1}的引用中删除了obj的引用 //obj=3;重新给obj赋值给3； //当内存占用到一定的时候，就会有一个垃圾回收车将所有堆中没有引用关系的对象回收 var obj={a:1}; var obj2={a:1}; //当使用{a:1}这就是在堆中创建了一个新的对象，就会有一个的新的引用地址 //上面两个{a:1}相当于创建了两个对象，他们的引用地址是不同的 console.log(obj===obj2);//false

删除属性

var o={a:1}; o.b=10; delete o.a;//删除属性 console.log(o); var obj={ a:1, b:2, c:{ d:10, e:20 } } // 浅复制 // var o1={}; // for(var prop in obj){ // o1[prop]=obj[prop]; // } // var o1=obj; // obj.a=10; // obj.c.d=100; // console.log(o1); // 深复制 var o1=JSON.parse(JSON.stringify(obj)); obj.c.d=100; console.log(o1);