1、初识对象
数据类型:
原始值
1.数值 Number
2.大整数 BigInt
3.字符串 String
4.布尔值 Boolean
5.空值 Null
6.未定义 Undefined
7.符号 Symbol
对象
- 对象是JS中的一种复合数据类型,
它相当于一个容器,在对象中可以存储各种不同类型数据
原始值只能用来表示一些简单的数据,不能表示复杂数据
比如:现在需要在程序中表示一个人的信息
let name = "孙悟空"
let age = 18
let gender = "男"
对象中可以存储多个各种类型的数据
对象中存储的数据,我们称为属性
向对象中添加属性:
对象.属性名 = 属性值
读取对象中的属性
对象.属性名
- 如果读取的是一个对象中没有的属性
不会报错而是返回undefined
<title>初识对象</title>
<script>
let obj = Object()
obj.name = '孙悟空'
obj.age = 12
obj.gender = '男'
//修改属性
obj.name = 'wu'
//删除属性
delete obj.age
alert(obj.age)//undefined
</script>
2、对象的属性
属性名
-
通常属性名就是一个字符串,所以属性名可以是任何值,没有什么特殊要求
但是如果你的属性名太特殊了,不能直接使用,需要使用[]来设置
虽然如此,但是我们还是强烈建议属性名也按照标识符的规范命名 -
也可以使用符号(symbol)作为属性名,来添加属性
获取这种属性时,也必须使用symbol
使用symbol添加的属性,通常是那些不希望被外界访问的属性 -
使用[]去操作属性时,可以使用变量
属性值
- 对象的属性值可以是任意的数据类型,也可以是一个对象
使用typeof检查一个对象时,会返回object
in 运算符
- 用来检查对象中是否含有某个属性
- 语法 属性名 in obj
- 如果有返回true,没有返回false
<script>
let obj = Object()
let mySymbol = Symbol()
let newSymbol = Symbol()
// 使用symbol作为属性名
obj[mySymbol] = "通过symbol添加的属性"
console.log(obj[mySymbol])
obj.age = 18
obj["gender"] = "男"
let str = "address"
obj[str] = "花果山" // 等价于 obj["address"] = "花果山"
obj.str = "哈哈" // 使用.的形式添加属性时,不能使用变量
obj.a = 123
obj.b = 'hello'
obj.c = true
obj.d = 123n
obj.f = Object()
obj.f.name = "猪八戒"
obj.f.age = 28
// console.log(obj.f.name)
// console.log(obj.gender)
// console.log(obj["gender"])
// console.log(typeof obj)
console.log("name" in obj)
</script>
3、对象字面量
对象字面量
-
可以直接使用{} 来创建对象
-
使用{}所创建的对象,可以直接向对象中添加属性
-
语法:
{ 属性名:属性值, [属性名]:属性值, }
<script> let obj = Object() let mySymbol = Symbol() let obj2 = { name:'孙悟空', age:14, ['gender']:'男', ['mySymbol']:'特殊的属性', hello:{ a:1, b:true } } console.log(obj) console.log(mySymbol)//mySymbol() console.log(obj2) </script>