5.对象

对象

原始值只能用来表示一些简单的数据，不能表示复杂数据
1.数值 Number
2.大整数 BigInt
3.字符串 String
4.布尔值 Boolean
5.空值 Null
6.未定义 Undefined
7.符号 Symbol

对象是JS中的一种复合数据类型
它相当于一个容器,在对象中可以存储各种不同类型数据
如果读取的是一个对象中没有的属性,不会报错而是返回undefined
对象中存储的数据,我们称为属性
比如：现在需要在程序中表示一个人的信息

//创建对象
let 对象 = Object()
//添加属性
对象.属性名 = 属性值
//修改属性
对象.属性名 = "新属性值"
//删除属性
delete 对象.属性名
//读取对象中的属性
console.log(对象.属性)

对象字面量

使用{}创建的对象，可以直接向对象中添加属性

let mySymbol = Symbol()

let obj2 = {
    name:"孙悟空", 
    age:18,
    ["gender"]:"男",
    [mySymbol]:"特殊的属性",
    hello:{ //对象的嵌套
        a:1,
        b:true
    }
}

属性名

通常属性名就是一个字符串，所以属性名可以是任何值，没有什么特殊要求
不能直接使用特殊属性名，需要使用[]来设置
虽然如此，但是我们还是强烈建议属性名也按照标识符的规范命名

obj["12@#!"] = "呵呵"//不建议

可以使用符号（symbol）作为属性名，来添加属性
获取这种属性时，也必须使用symbol
使用symbol添加的属性，通常是那些不希望被外界访问的属性

//创建对象
let 对象 = Object()
//添加属性
对象.属性名 = 属性值
let mySymbol = Symbol()
// 使用symbol作为属性名
obj[mySymbol] = "通过symbol添加的属性"
console.log(obj[mySymbol]) 

使用[]去操作属性时，可以使用变量
对象.变量名 = “哈哈” 使用.的形式添加属性时，不能使用变量

//使用[]去操作属性时，可以使用变量
let str = "address"
obj[str] = "花果山" // 等价于 obj["address"] = "花果山"
console.log(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)

in 运算符
检查对象中是否含有某个属性,有返回true，没有返回false
语法 属性名 in obj

console.log("name" in obj) //检查obj中有没有name属性

方法（method）

当一个对象的属性指向一个函数
那么就称这个函数是该对象的方法
调用函数就称为调用对象的方法

//函数也可以成为一个对象的属性
obj.sayHello = function(){ //对象的属性指向函数,函数是该对象的方法
   alert("hello")
}
obj.sayHello() //调用函数 = 调用对象的方法

函数()//调函数
对象.方法()//调方法

原始值都属于不可变类型，一旦创建就无法修改
在内存中不会创建重复的原始值
为一个变量重新赋值时,不会影响其他变量,因为他们指向的内存地址不是同一个

对象属于可变类型

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

属性里面存储的也是内存地址

两个变量同时指向一个对象
通过一个变量修改对象时，对另外一个变量也会产生影响

当对两个对象进行相等或全等比较时，比较的是对象的内存地址

修改对象

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

const obj = {
	name: "孙悟空",
}

const obj2 = obj

obj2 = {} 
obj2.name = "猪八戒" // 修改对象(修改对象里面的属性)

obj2 = null // 修改变量(修改变量的指向)

console.log(obj)
console.log(obj2)

在使用变量存储对象时，很容易因为改变 变量指向的对象，提高代码的复杂度所以通常情况下，声明存储对象的变量时会使用const
const只是禁止变量被重新赋值，对对象的修改没有任何影响

const obj = { //使用const给变量obj就只能赋值一次
	name: "孙悟空",
}
const obj2 = obj 
obj = {} //一旦重新赋值就报错,避免存储对象的变量在使用中被重新赋值,降低代码的复杂度,避免被修改

const obj3 = {
	name:"猪八戒"
}
obj3.name = "沙和尚" //对象的修改没有任何影响
console.log(obj3) //"沙和尚"

枚举属性(将对象中的所有属性全部获取)

for-in的循环体有几个属性就会执行几次
每次执行时,会将一个属性名赋值给我们所定义的变量
并不是所有的属性都可以枚举,比如使用符号添加的属性
for-in语句

let obj = {
    name:'孙悟空',
    age:18,
    gender:"男",
    address:"花果山",
    [Symbol()]:"测试的属性" // 符号添加的属性是不能枚举
}

for(let a in obj){
    console.log(a, obj[a]) //获取变量使用[]
}			//获取属性名 //获取属性值