JS对象基本用法

101 阅读4分钟

一、七种数据类型

1.数字 number

2.字符 string

3、布尔 bool

4、符号 symbol

5、空 undefined

6、空 null

7、对象 object

二、五个falsy值

1、null

2、undefined

3、0

4、NaN

5、''

三、对象(object)

1、object是无序的数据和键对值的集合

2、写法

let obj = {'键''值''键''值'}

let obj = new object({ '键''值' })

console.log({ '键''值''键''值' })

注意:

  • 键名是字符串,不是标识符,可以包含任何字符
  • 引号可以省略,省略之后只能写标识符
  • 就算引号省略了,键名也还是字符串(重要)

3、object的属性名和属性值

  • 属性名为key
  • 属性值为value

4、奇怪的属性名

  • 所有的属性名会自动变成字符串
let obj = { 1:'a',3.2:'b',1e2:true,1e-2:true,.234:true,0xFF:true};


Object.keys(obj)=>["1","100","255","3.2","0.01","0.234"]


  • 需在意:Object.keys(obj)可以得到obj的所有key

5、变量做属性名

如何用变量做属性名

  • let p1 = 'name'
  • let obj = {p1:'name'}这样写,属性名为'p1'
  • let obj = { [p1]:'name'}这样写,属性名为'name'

对比

  • 不加[]的属性名会自动变成字符串
  • 加了[]的则会当作变量求值
  • 值如果不是字符串,则会自动变成字符串

6、对象的隐藏性

隐藏属性

  • JS中每一个对象都有一个隐藏属性,这个隐藏属性储存着其共有属性组成的对象的地址,这个共有属性组成的对象叫做原型,也就是说隐藏属性储存着原形的地址

代码示例

  • var obj ={}
  • obj.toString()//不报错,因为obj的隐藏属性对应的对象上有toString()

除了字符串,symbol也能做属性名

  • let a = Symbol()
  • let obj = { [a]:'hello' }

7、删除属性

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

检验xxx属性被删除了,用'xxx' in obj,看最后得出是true(存在)和false(不存在)

属性值为undefined和不含属性名的区分

  • 不含属性名

'xxx' in obj === undefined

  • 含有属性名,但是值为undefined

'xxx' in obj && obj.xxx === undefined

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

8、查看所有属性(读属性)

  • 查看自身所有属性

Object.keys(obj)

  • 查看自身+共有属性

console.dir(obj)或者自己依次用Object.keys打印出obj. _ _ proto _ _

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

obj.hasOwnProperty('toString')

原型

每个对象都有原型

  • 原型里存着对象的共有属性
  • Obj的原型就是一个对象
  • obj. _ _ proto_ _存着这个对象的地址
  • 这个对象里有toString/constructor/valueOf等属性

对象的原型也是对象

  • 对象的原型也有原型
  • obj = {}的原型即为所有对象的原型
  • 这个原型包含所有对象的共有属性,是对象的根
  • 这个原型也有原型,是null

查看属性

  • 两种方法查看属性

中括号语法:obj['key']

点语法:obj.key

坑新人语法:obj[key]//变量key值一般不为'key'

  • 请优先使用中括号语法(点语法会误导你,让你以为key不是字符串,等你确定不会弄混两种语法,再改用点语法)
  • obj.name等价于obj['name'],obj.name不等价于obj[name],简单来说,这里的name是字符串,不是变量

let list = ['name', 'age', 'gender']

let person = { name:'xx', age:18, gender:'man'}

for(let i = 0; i < list.length; i++){

let name = list[i]

console.log(person__???__) }

//使得person的所有属性被打印出来

  • 选项(上题)
  1. console.log(person.name) false

  2. console.log(person[name]) true

9、修改或增加属性(写属性)

  • 直接赋值

let obj = { name: 'xx' } //name 是字符串

obj.name = 'xx' //name 是字符串

obj['name'] = 'xx'

obj[name] = 'xx' //错,name的值不确定

obj['na'+'me'] = 'xx'

let key = 'name'; obj[key] = 'xx'

let key = 'name'; obj.key = 'xx' //错

因为 obj.key 等价于 obj['key']

  • 批量赋值

Object.assign(obj,{age: 18,gender: 'man'})

  • 修改或增加共有属性

无法通过自身修改或者增加共有属性

let obj = {}, obj2 = {} //共有属性toString

obj.toString = 'xxx' 只会在改obj自身属性

obj2.toString 还是在原型上

深层的toString不会变

两种强行修改或增加原型上的属性

obj.proto.toString = 'xxx' //不推荐用__proto__

Object.prototype.toString = 'xxx'

一般来说,不要修改原型,会引起很多问题。

  • 修改隐藏属性

不推荐使用__proto__

let obj = {name:'x'}

let obj2 = {name: 'xx'}

let common = {kind: 'human'}

obj.proto = common

obj2.proto = common

推荐使用Object.create

let obj = Object.create(common)

obj.name = 'x'

let obj2 = Object.create(common)

obj2.name = 'xx'

规范大概意思是,要么一开始该,别后来再去改。