【JavaScript】11_枚举属性+可变类型+修改对象和属性与方法
【摘要】 4、枚举属性枚举属性,指将对象中的所有的属性全部获取for-in语句- 语法:for(let propName in 对象){ 语句…}- for-in的循环体会执行多次,有几个属性就会执行几次,每次执行时,都会将一个属性名赋值给我们所定义的变量- 注意:并不是所有的属性都可以枚举,比如 使用符号添加的属性 <script> let obj = { ...
4、枚举属性
枚举属性,指将对象中的所有的属性全部获取
for-in语句
- 语法:
for(let propName in 对象){
语句…
}
- for-in的循环体会执行多次,有几个属性就会执行几次,
每次执行时,都会将一个属性名赋值给我们所定义的变量
- 注意:并不是所有的属性都可以枚举,比如 使用符号添加的属性
<script>
let obj = {
name:'孙悟空',
age:12,
gender:'男',
address:'花果山',
[Symbol()]:'测试的属性'//符号添加的属性是不能枚举
}
for(let propName in obj){
console.log(propName,obj[propName])
}
</script>
5、可变类型
- 原始值都属于不可变类型,一旦创建就无法修改
- 在内存中不会创建重复的原始值
对象属于可变类型
后,可以任意的添加删除修改对象中的属性
- 注意:
- 当对两个对象进行相等或全等比较时,比较的是对象的内存地址
- 如果有两个变量同时指向一个对象,
通过一个变量修改对象时,对另外一个变量也会产生影响
<script>
let a = 10
let b = 10
a = 12 // 当我们为一个变量重新赋值时,绝对不会影响其他变量
// let obj = {name:"孙悟空"}
let obj = Object()
obj.name = "孙悟空"
obj.age = 18
let obj2 = Object()
let obj3 = Object()
// console.log(obj2 == obj3) // false
let obj4 = obj//obj和obj4指向同一个地址
obj4.name = "猪八戒" // 当修改一个对象时,所有指向该对象的变量都会收到影响
console.log("obj", obj)
console.log("obj4", obj4)
console.log(obj === obj4)
</script>
6、改变量和改对象
修改对象(name:“猪八戒”)
- 修改对象时,如果有其他变量指向该对象
则所有指向该对象的变量都会受到影响
修改变量(obj)
- 修改变量时,只会影响当前的变量
在使用变量存储对象时,很容易因为改变变量指向的对象,提高代码的复杂度
所以通常情况下,声明存储对象的变量时会使用const
注意:
const只是禁止变量被重新赋值,对对象的修改没有任何影响
<script>
const obj = {
name:'孙悟空'
}
const obj2 = obj
// obj2 = {}
obj2.name = "猪八戒" // 修改对象
// obj2 = null // 修改变量,自此之后,obj2 和 obj 再也没有关系了,两者绑定的地址变了
// console.log(obj)
// console.log(obj2)
const obj3 = {
name:"猪八戒"
}
obj3.name = "沙和尚"
console.log(obj3)
</script>
7、方法
补充内容
方法(method)
- 当一个对象的属性指向一个函数,
那么我们就称这个函数是该对象的方法
调用函数就称为调用对象的方法
<script>
/*
补充内容
方法(method)
- 当一个对象的属性指向一个函数,
那么我们就称这个函数是该对象的方法
调用函数就称为调用对象的方法
*/
let obj = {}
obj.name = "孙悟空"
obj.age = 18
// 函数也可以成为一个对象的属性
obj.sayHello = function(){
alert("hello")
}
console.log(obj)
obj.sayHello()//调用对象的方法
// document.write()
// String()
</script>
【声明】本内容来自华为云开发者社区博主,不代表华为云及华为云开发者社区的观点和立场。转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息,否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱:
cloudbbs@huaweicloud.com
- 点赞
- 收藏
- 关注作者
作者其他文章
评论(0)