高血压专题网,内容丰富有趣,生活中的好帮手!
高血压专题网 > 对象 对象的属性 对象字面量 枚举对象中的属性 可变类型 变量和对象——JS对象

对象 对象的属性 对象字面量 枚举对象中的属性 可变类型 变量和对象——JS对象

时间:2018-10-13 03:59:54

相关推荐

对象 对象的属性 对象字面量 枚举对象中的属性 可变类型 变量和对象——JS对象

目录

一、对象

二、对象的属性

三、对象字面量

四、枚举对象中的属性

五、可变类型

六、变量和对象

数据类型:

原始值:(不可变类型)

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>

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。