《JS 对象基本用法》

136 阅读3分钟

声明对象的两种语法

  • 第一种是简单写法
let obj = {
    'name' : 'xxx',
    'age' : 18
}
  • 第二种是原始语法
let obj = new Object({
    'name' : 'xxx',
    'age' : '18'
})

两种语法都可以用,但常用第一种简单写法。

注意

  • 对象都是以键值对的形式出现
  • 键名是字符串,不是标识符,可以包含任意字符串
  • 引号可以省略,省略之后只能按标识符的规则写(数字除外)
  • 就算引号省略了,键名也还是字符串
  • 当键名有空格,中文等特殊符号是,必须加引号,否则会出错
  • 没有数字键名,也没有数字下标,因为浏览器会自动把数字转换成字符串

对象的增删改查

一、删除属性

delete obj.xxx delete obj['xxx']

  • 即可删除 obj 的 xxx 属性
  • 请区分「属性值为 undefined」和「不含属性名」

判断一个属性是自身的还是共有的

obj.hasOwnProperty('toString')

如何知道一个东西在不在对象里作为属性名?

  • 不含属性名:'xxx' in obj === false
  • 含有属性名,但是值为 undefined 'xxx' in obj && obj.xxx === undefined
  • 注意 obj.xxx === undefined,不能断定 'xxx' 是否为obj的属性。
let obj = {}

'xxx' in obj obj.hasOwnProperty的区别

in不会区分属性是自身的还是共有的。

obj.hasOwnProperty('toString')  //false,说明obj本身没有toString,是原型的共用属性。

二、查看所有属性

  • 查看自身所有属性 Object.keys(obj)可以查所有的key

Object.value(obj)可以查所有的value

Object.entries(obj)可以查所有的key和value

  • 查看自身+共有属性 console.dir(obj)

或者自己依次用 Object.keys 打印出 obj.__proto__

查看某一个属性

  • 两种方法查看属性
  1. 中括号语法:obj['key']
  2. 点语法:obj.key 坑新人语法obj[key] // 这里的key是变量obj.key这里的key是字符串,注意区分。

请优先使用中括号语法,点语法会误导你,让你以为 key 不是字符串,等你确定不会弄混两种语法,再改用点语法。

原型

  • 每个对象都有原型 原型里存着对象的共有属性

比如obj 的原型就是一个对象

obj. __ proto__存着这个对象的地址

这个对象里有toString/ constructor / valueOf等属性

  • 对象的原型也是对象

所以对象的原型也有原型

obj = {} 的原型即为所有对象的原型

这个原型包含所有对象的共有属性,是对象的根

这个原型也有原型,是null

  • 原型与共有属性的关系 原型是对象,包含所有共有属性,或者说共有属性依附于原型这个对象上。

三、修改或增加属性

  • 直接赋值
let obj = {name: 'XXX'} // name 是字符串
obj.name = 'XXX' // name 是字符串
obj['name'] = 'XXX' 
obj['na'+'me'] = 'XXX'
let key = 'name'; obj[key] = 'XXX'
  • 批量赋值
Object.assign(obj, {age: 18, gender: 'man',...})

修改或增加共有属性

  • 无法通过自身修改或增加共有属性
let obj = {}, obj2 = {} // 共有 toString
obj.toString = 'xxx' //只会在改 obj 自身属性
obj2.toString //还是在原型上
  • 强行修改或增加原型上的属性
obj.__proto__.toString = 'xxx' // 不推荐用 __proto__
Object.prototype.toString = 'xxx' 
  • 一般来说,不要修改原型,会引起很多问题

修改隐藏属性(原型)

  • 使用 __ proto__ ,不推荐
let obj = {name:'XXX'}
let obj2 = {name: 'YYY'}
let common = {kind: 'human'}
obj.__proto__ = common
obj2.__proto__ = common
  • 推荐使用 Object.create,ES6新的API
let obj = Object.create(common)
obj.name = 'XXX'
let obj2 = Object.create(common)
obj2.name = 'YYY'

要改就一开始就改,别后来再改。

修改和增加都属于写,查属于读,查的时候会看原型链,写的时候不看对象原型链,只能改或增其自身属性。

所有 "proto" 代码都是强烈不推荐写的