JS 对象基本用法(复杂数据类型)

对象的特点

定义

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

键名(属性名)

  • 键名(属性名)是字符串,可以包含任意字符
  • 引号可以省略,省略之后就只能写标识符,引号省略了,键名也还是字符串
  • 所有不加[ ]的属性名会自动变成字符串,值如果不是字符串,会自动变成字符串
  • 加了[ ]会当做变量求值(用变量做属性名)
  • Object.keys(obj)可以得到obj的所有key

对象的隐藏属性

  1. JS中每一个对象都有一个隐藏属性(每个对象都是未觉醒的赛亚人(__ proto __),他可以在需要觉醒的时候去往赛亚星球(该对象的共有属性)拿到自己需要的东西(调用))
  2. 这个隐藏属性储存着其共有属性组成的对象的地址
  3. 这个共有属性组成的对象叫做原型
  4. 也就是说,隐藏属性储存着原型的地址

一、声明对象的两种语法

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

二、如何删除对象的属性

delete obj.xxx   或 
delete obj['xxx']
即可删除obj的xxx属性

区分[属性值为undefined][不含属性名]
[含有属性名,属性值为undefined]
'xxx' in obj && obj.xxx === undefined

[不含属性名]
'xxx' in obj === false

注意obj.xxx === undefined
不能断定'xxx'是否为obj的属性

三、如何查看对象的属性

查看自身所有属性
Objext.keys(obj)

查看自身+共有属性
console.dir(obj)
或者自己一次用Object.keys打印出onj.__proto__

判断一个属性是自身的还是共有的
obj.hasOwnProperty('toString')

查看属性
中括号语法:obj['key']
点语法:obj.key
坑人语法:obj[key]//变量key值一般不为'key'

优先使用中括号语法,进阶用点语法

name是字符串
obj.name 
obj['name']

name是变量
obj[name]

四、如何修改或增加对象的属性

•直接赋值
let obj = {
    
    name: 'frank'} // name 是字符串
obj.name = 'frank' // name 是字符串
obj['name'] = 'frank' 
obj[name] = 'frank' // 错,因name 值不确定
obj['na'+'me'] = 'frank'
let key = 'name'; obj[key] = 'frank'
let key = 'name'; obj.key = 'frank' // 错
因为 obj.key 等价于 obj['key']

•批量赋值
Object.assign(obj, {
    
    age: 18, gender: 'man'})

无法通过自身修改或增加共有属性(原型)
let.obj = {
    
    }, obj = {
    
    } //共有toString
obj.toString = 'xxx'只会在改obj自身属性
obj2.toString还是在原型上

修改或增加原型上的属性
obj.__proto__.toString = 'xxx' // 不推荐用__proto__
Object.prototype.toString = 'xxx'
一般来说,不要修改原型,会引起很多问题

修改隐藏属性__proto__
·不推荐使用
let obj = {
    
    name: 'frank'}
let obj2 = {
    
    name: 'jack'}
let common = {
    
    kind: 'human'}
obj.__proto__ = common
obj2.__proto__ = common
注:所有 __proto__ 代码都是强烈不推荐写的

·推荐使用Object.create
let obj = Object.create(common)
obhj.name = 'frank'
let obj2 = Object.create(common)
obj2.name = 'jack'
规范大概的意思是,要改就一开始改,不要后来再改

五、‘name’ in obj和obj.hasOwnProperty(‘name’) 的区别

'name' in obj
判断一个对象属性或原型里面是否包含某个key,key为字符串
如果一个属性是从原型链上继承来的,in运算符也会返回 true。

obj.hasOwnProperty('name') 
所有继承了Object的对象都会继承到hasOwnProperty方法。
这个方法可以用于检测一个对象是否包含特定的固有属性;
和in运算符不同,该方法会忽略掉那些从原型链上继承到的属性。

猜你喜欢

转载自blog.csdn.net/JankoY/article/details/112868264
今日推荐