目录
一、对象
二、对象的属性
三、对象字面量
四、枚举对象中的属性
五、可变类型
六、变量和对象
数据类型:
原始值:(不可变类型)
1.数值 Number
2.大整数 BigInt
3.字符串 String
4.布尔值 Boolean
5.空值 Null
6.未定义 Undefined
7.符号 Symbol
对象:是JS中的一种复合数据类型
它相当于一个容器,在对象中可以存储各种不同类型数据
原始值只能表示一些简单的数据,不能表示复杂数据,比如:现在需要在程序中表示一个人的信息(身高、性别、姓名等)
一、对象
1.创建对象
let 对象 = new Object()(其中new可以省略不写)
对象中可以存储多个各种类型的数据
对象中存储的数据,我们称为属性
向对象中添加属性:
对象.属性名 = 属性值
读取对象中的属性:
对象.属性名
-如果读取的是一个对象中没有的属性,不会报错,而是返回undefined
修改属性:
与添加一样,重新赋值
删除属性:
delete 对象.属性名
使用 typeof 检查一个对象时,会返回 object
<script>//创建对象let obj = new Object()//这样创建的方法可以将new省略//向对象中添加属性obj.name = '孙悟空'obj.age = 10obj.gender = '男'//修改属性obj.name = '猪八戒'//删除属性delete obj.nameconsole.log(obj)</script>
二、对象的属性(属性名,属性值,in运算符)
属性名
- 通常属性名就是一个字符串,所以属性名可以是任何值,没有什么特殊要求
但是如果属性名太特殊了,不能直接使用,需要使用[ ]来设置,把点去掉,并把属性名用引号引起来,同理,读取或删除属性时也用[ ] 来读取或删除。如 :
<script>let obj = Object()obj.name = '孙悟空'//属性名用[]来设置obj["122nsbdh"] = 'asd'//不建议console.log(obj)</script>
虽然如此,但是我们还是强烈建议属性名也按照标识符的规范来命名。
- 也可以使用符号(symbol)作为属性名,来添加属性,需要使用[ ],无需用引号引起来。
获取这种属性时,也必须使用symbol
使用symbol添加的属性,通常是那些不希望被外界访问的属性
<script>let obj = Object()let mySymbol = Symbol()//使用symbol作为属性名obj[mySymbol] = '通过symbol添加的属性'//[]无需用引号引起来//读取symbol作为属性名的属性console.log(obj[mySymbol])</script>
使用[ ]操作属性时,可以使用变量
<script>let obj = Object()obj["gender"] = '男'let str = 'address'//变量不要加引号,否则就是直接添加属性名obj[str] = '花果山'//等价于obj["address"] = '花果山'obj.str = '哈哈'//使用. 的形式添加属性时,不能使用变量,这样写就是属性名是strconsole.log(obj["gender"])console.log(obj.gender)//用[]设置的属性名,两种方法都可以读取console.log(obj)</script>
用 [ ] 设置的属性名,两种方法都可以读取
属性值:对象的属性值可以是任意的数据类型
也可以是一个对象
<script>let obj = Object()obj.a = 123obj.b = Object()//属性值是对象obj.b.name = '猪八戒'//添加对象里的对象属性obj.b.age = 28console.log(obj)</script>
使用 typeof 检查一个对象时,会返回 object
in运算符可以用来检查对象中是否含有某个属性
-语法:属性名 in 对象如:“name” in obj
- 如果有返回true,没有返回false
三、对象字面量
对象字面量(也是创建对象的另外一种形式)
-可以直接使用 { } 来创建对象
- 使用{ } 所创建的对象,可以直接向对象中添加属性
语法:{
属性名:属性值,
属性名:属性值,
[属性名]:属性值
}
<script>//两种方式创建对象let obj = Object()let obj2 = {}let mySymbol = Symbol()let obj3 = {name:"孙悟空",age:18,['gender']:'男',[mySymbol]:"特殊的属性"hello:{a:1,b:true}}console.log(obj)console.log(obj3)</script>
四、枚举对象中的属性
枚举属性,指将对象中的所有属性全部获取。
for-in语句:
-语法:
for(let propName in 对象){
语句...
}
其中,propName是我们自己定义的变量
-for-in的循环体会执行多次,有几个属性就会执行几次
每次执行时,都会将一个属性名赋值给我们所定义的变量,因为定义的是变量,所以想传变量的属性值应使用 [ ],如console.log(propName, obj[propName]).
<script>let obj = {name:"孙悟空",age:10,gender:'男'}for(let propName in obj){console.log(propName,obj[propName])//propName是变量,想传变量的属性值应使用[]}</script>
注意:并不是所有的属性都可以枚举,比如 使用符号添加的属性
<script>let obj = {gender:'男',[Symbol()]:'测试的属性'//符号添加的属性是不能枚举}for(let propName in obj){console.log(propName,obj[propName])//propName是变量,想传变量的属性值应使用[]}</script>
五、可变类型
原始值都属于不可变类型,一旦创建就无法修改。
在内存中不会创建重复的原始值。
当我们为一个变量重新赋值时,绝对不会影响其他变量。
对象属于可变类型
对象创建完成后,可以任意的添加删除修改对象中的属性
注意:
当我们对两个对象进行全等或相等比较时,比较的是对象的内存地址。
<script>let obj = Object()obj.name = '孙悟空'let obj2 = Object()let obj3 = Object()console.log(obj2)//打印{}console.log(obj3)//打印{}console.log(obj2 === obj3)//打印false,因为对两个对象进行相等或全等比较时,//比较的是对象的内存地址</script>
如果有两个变量同时指向一个对象,通过一个变量修改对象时,对另外一个变量也会产生影响。
<script>let obj = Object()obj.name = '孙悟空'obj.age = 18let obj4 = objobj4.name = '猪八戒'//当修改一个对象时,所有指向该对象的变量都会受到影响console.log(obj)console.log(obj4)//两个都改变了console.log(obj4 === obj)//打印true</script>
当修改一个对象时,所有指向该对象的变量都会受到影响。
六、变量和对象
修改对象
修改对象时,如果有其他变量指向该对象,则所有指向该对象的变量都会受到影响。
修改变量
修改变量时,只会影响当前的变量。
<script>let obj = {name:'孙悟空',}let obj2 = objobj2.name = '猪八戒'//修改对象,obj也跟着改变obj2 = null//修改变量,给变量重新赋值,变量obj不改变obj2 = {}//修改变量,obj2指向一个新的对象obj2.name = "沙和尚"//此时obj2与obj不再指向同一对象,故修改obj2,不改变objconsole.log(obj)console.log(obj2)</script>
在使用变量存储对象时,很容易因为改变变量指向的对象,提高代码的复杂度,所以通常情况下,声明存储对象的变量时会使用const,这样存储对象的变量只能被赋值一次,否则就会报错。
注意:const只是禁止变量被重新赋值,对对象的修改没有任何影响。
<script>const obj = {name:'孙悟空',}const obj2 = objobj2.name = '猪八戒'//修改对象,obj也跟着改变console.log(obj)console.log(obj2)</script>