js如何替换object某个key_JS 对象基本用法(Object)

object对象

定义

  • 无序的数据集合
  • 键值对的集合

写法

let obj ={ 'name':'frank','age':18}   

let obj = new Object({'name':'frank','age':18})     正规写法

console.log({'name':'frank','age':18})     对象

细节:

  1. 键名是字符串,不是标识符,可以包含任何字符(name为键名,frank为值)
  2. 引号是可以省略的,省略之后只能写标识符了,但是数字也可以作为开头
  3. 就算引号省略了,键名还是字符串。没有数字键名,没有数字下标。

d8d9e3c8cc0a1af9604307830f142a95.png
这个2还是字符串,不是数字2

属性名=键名=key :每个key都是对象的属性名(property)

属性值 = 值 :每个value都是对象的属性值。

  • 奇怪的属性名(以下所有的属性名会自动变成字符串)
let obj ={
1:"a",
3.2:"b",
1e2:true,
le-2:true,
234:true,
0xFF:true
}
Object.keys(obj)
["1", "100", "234", "255", "3.2","0.01"]

键名会自动变成字符串,且不是一一对应的。
  • 变量作为属性名:
    • 之前都是用常量做属性名字
let p1 = 'name'
let obj ={
p1:"frank"
}
这样的话,pi就是属性名
  • 变量做属性名(还是用上面的代码做演示)
let p1 = 'name'
let obj ={
[p1]:"frank"
}
在p1上加了个中括号,这样的话 ‘name’就是属性名。

对比

let a ="xxx"
var obj ={
a:"111"
}
Object.keys(obj) → ['a'] a是属性名,是字符串,与let a中的a无关
let a ="xxx"
var obj ={
a:"111"
}
Object.keys(obj) → ['xxx'] a是变量

结论

  1. 不加[]的属性名会自动变为字符串
  2. 加[]的则会先做变量求值,值如果不是字符串,就会自动变更为字符串。
var obj ={
[1+2+3+4]:"十"
}
obj——————→{10:'十'}

先求值,在变更为字符串

对象的隐藏属性(画图理解)

  • JS中的每一个对象都有一个隐藏属性
  • 隐藏属性储存着其共有属性组成的对象的地址(#409)
  • 这个共有属性组成的对象叫做原型
  • 隐藏属性储存着原型的地址

3aa3ad385cfff171b4a11667ccf83c2d.png

对象的删增改查

删除:delete操作符用于删除对象的某个属性

  • delete.obj['name']
  • 'name' in obj(如何得知是否删除成功,出现false则删除成功)
  • obj.hasOwnproperty('name')(obj自身的属性有没有name,用来判断一个属性是自身的还是共有属性)

查:

  • Object.keys(obj)查看属性名,并没有打出共有属性
  • Object.values(obj) 查看属性值,并没有打出共有属性
  • console.dir(obj) 以目录的形式打印出自身和共有属性
  • obj['name'] 查看属性值
  • obj.name 查看属性值
  • obj[name]错误,因为这里的name不是字符串,是变量

obj.name=obj['name'] 这里的name都是字符串

obj[name]不等于obj.name!!!!

考题:

let list =['name','age','gender']
let person ={
name:'frank',age:18,gender:'man'
}
for(let i = 0; i < list.length; i++){
 let name =list[i]
console.log(person___)
} 
下划线出填什么能够使person的所有属性被打印。
思路:list.length  -----3
当i<3时,进行打印。即i为0,1,2
list[i],为list[0]即第一个属性name这样就是打印name,age和gender
let name = list[i]
这里的name需要是一个变量
所以console.log(person[name])
这里的[name]也是变量

改:

  • 改自身 obj['name']='jack'
  • 批量改自身 obj.assign(obj,[age:18,gender:'man'])
  • 改共有属性
    • 不推荐使用 obj.__proto__['toString']='xxx'
    • Object.prototype['toString']='xxx'
  • 改隐藏属性(改原型)
    • 不推荐使用:obj.__proto__ =common
    • let obj =Object.creat(commom) 增加一个新的原型

‘name’ in obj 和obj.hasOwnproperty('name')区别:

答:‘name' in obj 是查看name这个属性名是否在对象中,出现false时,则表示不含有属性名。当查看‘toString' in obj 时也返回true,所以隐藏属性无法使用此写法。

obj.hasOwnproperty('name')obj对象存在的name属性的时候,调用这个方法是返回true,我们知道其实每个对象实例的原型链上存在toString方法,在这里打印false,说明这个方法只是表明实例对象的属性,不包括原型链上的属性。所以可以用来判断是共有属性还是自身的属性。

f589dba1e7dee957cf03d53836f63e10.png
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值