JS--对象--笔记

一、对象的基本概念

对象相当于一个容器，在对象中可以存储各种不同类型的数据

二、对象的创建

1.使用new obj

let obj = new Object();

2.new可以省略

let obj2=Object();

3.可以使用花括号

let obj3={}

使用花括号创建对象时可以同时赋值

let obj3={
    name:'沙僧',
    age:25
}

三、对象的属性名和属性值

1.属性的创建和修改

①对象.属性名=属性值

如果属性名在对象中不存在，会创建相应的属性名来存储属性值

如果属性名在对象中已经存在，会想改相应属性名的属性值。

let obj2=Object();
obj2.name='孙悟空';//创建属性名为name，属性值为'孙悟空'
obj2.name='猪八戒';//修改name的属性值为'猪八戒'

name是属性值，名字可以自定义，'孙悟空'是属性值

也可以在创建时赋值

let obj3={name:'沙僧'}

②特殊属性名需要用到中括号['']

let obj={};
obj['12sdf']=25

2.内容的读取

对象.属性名；可以读取对象相应属性名的值

a=obj.name

如果读取的相应属性名在对象中不存在，会返回undefined

b=obj.name11//返回undefined

3.删除属性

delete 对象.属性名

delete obj2.name

4.属性名和属性值的规范

①属性名

通常属性名就是一个字符串，所以属性名可以是任何值，没有特殊要求。

单数如果属性名太特殊的话，不能直接使用，需要用中括号['']来赋值，同时取的时候也需要用到中括号['']

let obj={};
obj['12sdf']=25

②可以使用符号（Symbol）来作为属性名，获取这种属性时，也必须用Symbol取

使用symbol添加的属性通常时不希望被外界访问的。

let obj={};
let mysymbol = Symbol();
obj[mysymbol]=25
a=obj[mysymbol]

③可以使用变量作为属性名

在使用变量作为属性名时，其实用的变量的值

如果创建属性时和读取属性时变量的值不一样，会返回undefined，也就是找不到对应的属性。

使用变量添加属性时，必须用中括号，用·的话会以字符串的形式添加变量

let obj={};
let str = 'gender'
obj[str]='男'
a=obj[str]//男
str=12
b=obj[str]//undefined

④属性值可以时任意值，也就是说也可以是对象

let obj={};
let str='中国'
obj.a=123;
obj.b="山东";
obj.c=null;
obj.d=NaN;
obj.e=true;
obj.f=str;//这时是将str的值传进去的
obj.g=Object();
console.log(obj);//a:123,b:"山东",c:null,d:NaN,e:true,f:"中国",g:{}

对象里的对象也可以添加属性等，和正常的对象一样

obj.g=Object();
obj.g.name='猪八戒'

⑤in运算符可以检查对象中是否含有某个属性，返回布尔值

'a' in obj//需要以字符串的形式来检查。

四、枚举属性

枚举指将对象各种的所有的属性全部获取

结构

for(let 变量 in 对象){

代码}

这种方法获取的是属性名

for(let a in obj ){
    console.log(a);
}

五、可变类型

对象属于可变类型

对象创建完成后，可以任意的添加修改删除对象中的属性

如果两个变量指向同一个对象，通过一个变量修改对象时，对另一个变量也会产生影响（相当与是在内存中创建了一个对象，变量只是指向了这个对象，通过一个变量修改对象时，另一个变量还是在指向这个对象，所以值会跟着改变）

每一次创建新的对象时，都会在内存中开辟新的空间来储存变量，

let obj={};
obj.a=123;
let obj2=obj;
obj2.b=NaN;
console.log(obj);//{a: 123, b: NaN}
console。log(obj===obj2)//true
let obj3 = Object();
let obj4 = Object();
console.log(obj3===obj4);//false

六、变量和对象

修改对象，如果有其他变量指向这个对象，则所有指向该对象的变量都会受影响

修改变量时，指挥影响当前的变量

let obj1={
    name:'孙悟空'
}
let obj2=obj1//此时obj1和obj2同时指向了内存中的同一个对象
obj2={}//此时相当于给变量obj2重新赋值，并不会影响obj1
obj2.name='猪八戒'//此时不会对obj1产生任何影响

在通常情况下，声明对象的变量时会使用常量(cinst)

const obj={name:'孙悟空'}
obj.name='猪八戒';//用const声明的变量，可以修改对象的属性
obj={}//用cinst声明的变量，不能再指向新的对象
console.log(obj);