javascript：常用javascript Object方法

Object.prototype.hasOwnProperty()

方法会返回一个布尔值，指示对象自身属性中是否具有指定的属性（也就是，是否有指定的键）

语法

obj.hasOwnProperty(prop)

示例

      let a={
        name:'hjj',
        age:28
      }
      console.log(a.hasOwnProperty('name')) // true
      console.log(a.hasOwnProperty('birthday')) // false

Object.keys()

返回一个由一个给定对象的自身可枚举属性组成的数组，数组中属性名的排列顺序和使用 for…in 循环遍历该对象时返回的顺序一致

语法

Object.keys(obj)

示例

      let arr = [2,3,4]
      let obj = {
        name: 'mmmm',
        age:20,
        birthday: {
          get:20190202
        }
      }
      console.log(Object.keys(arr)) // ["0", "1", "2"]
      console.log(Object.keys(obj)) // ["name", "age", "birthday"]
      console.log(Object.keys('obj')) // ["0", "1", "2"]

Object.assign()

将所有可枚举属性的值从一个或多个源对象sources复制到目标对象target，后面的对象与前面的对象有相同属性的key，后面的则会覆盖前面的值。它将返回目标对象。

语法

Object.assign(target, …sources)

示例

      let a = {a:0,b:4,c:6}
      let b = {a:2,b:3,c:4}
      let c = {a:1,b:5,c:4}

      let d = Object.assign(a,b,c)
      console.log(a) // {a: 1, b: 5, c: 4}
      console.log(d) // {a: 1, b: 5, c: 4}

Object.defineProperties()

直接在一个对象上定义新的属性或修改现有属性，并返回该对象。

语法

Object.defineProperties(obj, props)

参数

参数	说明
obj	要操作的对象
props	要定义其可枚举属性或修改的属性描述符的对象。对象中存在的属性描述符主要有两种：数据描述符和访问器描述符，描述符具有以下键：

props：

参数	说明
value	值
writable	是否可修改
configurable	是否可删除
enumerable	当且仅当在枚举相应对象上的属性时该属性显现。

示例

      let a = {
        a: 1,
        b: 2,
        c: 3
      }
      Object.defineProperties(a, {
        a: {
          value: true, // 修改或新增的属性值
          writable: true // 是否可修改，设置false则后续不可再更改值
        },
        'b': {
          value: 'Hello',
          writable: true,
          configurable: false // 不可删除
        },
        'c': {
          writable: false
        },
        'd': {
          value: 'ddd',
          writable: false
        },
      })
      delete a['b'] // b字段设置了configurable: false，此条代码不会执行
      a.d=5  // d字段设置了writable: false，此条代码不会执行
      console.log(a) // {a: true, b: "Hello", c: 3, d: "ddd"}
      Object.defineProperties(a, {
        'b': { // 上一句代码设置了d的writable为true，此条代码执行
          value: 'bbbb',
          writable: false
        },
      })
      console.log(a) // {a: true, b: "bbbb", c: 3, d: "ddd"}
      Object.defineProperties(a, {
        'd': { // 上一句代码设置了d的writable为false，此条代码会报错Cannot redefine property
          value: '111',
          writable: false
        },
      })
      console.log(a)

Object.defineProperty()

直接在一个对象上定义一个新属性，或者修改一个对象的现有属性，并返回此对象。

语法

Object.defineProperty(obj, prop, descriptor)

参数

参数	说明
obj	要操作的对象
prop	要定义或修改的属性的名称或 Symbol
descriptor	要定义或修改的属性描述符。描述符具有以下键：

descriptor：

参数	说明
value	值
writable	是否可修改
configurable	是否可删除
enumerable	当且仅当在枚举相应对象上的属性时该属性显现。（。。。）

示例

      let a = {
        b: 0
      }

      Object.defineProperty(a, 'b', {
        value: 123,
        writable: true
      })
      Object.defineProperty(a, 'c', {
        value: 258,
        writable: true
      })
      console.log(a) // {b: 123, c: 258}

Object.entries()

返回一个给定对象自身可枚举属性的键值对数组，其排列与使用 for…in 循环遍历该对象时返回的顺序一致（区别在于 for-in 循环还会枚举原型链中的属性）

语法

Object.entries(obj)

示例

      let a = [
        'aa','bb','cc'
      ]
      let b = {
        a:5,
        b:6,
        c:7
      }
      for (let item in b) { // 返回索引或key
        console.log(item)
      }
        // a
        // b
        // c
      for (let item of Object.entries(b)) { // 返回 [key,value]数组形式
        console.log(item)
      }
      // ["a", 5]
      // ["b", 6]
      // ["c", 7]
      for (let [key, value] of Object.entries(b)) { // 返回 key,value 
        console.log(key, value)
      }
      // a 5
      // b 6
      // c 7

Object.freeze()

冻结一个对象。一个被冻结的对象再也不能被修改；冻结了一个对象则不能向这个对象添加新的属性，不能删除已有属性，不能修改该对象已有属性的可枚举性、可配置性、可写性，以及不能修改已有属性的值。此外，冻结一个对象后该对象的原型也不能被修改。freeze() 返回和传入的参数相同的对象。

语法

Object.freeze(obj)

示例

      let a = {
        name: 'ccc'
      }
      Object.freeze(a) 
      a.name = 0 
      console.log(a) // {name: "ccc"}

Object.is()

判断两个值是否是相同的值。

语法

Object.is(value1, value2);

示例

      let a1 = 0, a2 = 0
      console.log(Object.is(a1,a2)) // true
      let a1 = 'qwerty'
      let a2 = 'qwerty'
      console.log(Object.is(a1,a2)) // true
      let a1 = [0,1,2]
      let a2 = [0,1,2]
      console.log(Object.is(a1,a2)) // false
      console.log(Object.is(a1.join(','),a2.join(','))) // true
      let a1 = {
        a:0,
        b:1
      }
      let a2 = {
        a:0,
        b:1
      }
      console.log(Object.is(a1,a2)) // false
      let a = {
        name: 'ccc'
      }
      let b=a,c=a
      console.log(Object.is(b,c)) // true
      console.log(Object.is(null,null)) // true
      console.log(Object.is(undefined,undefined)) // true
      console.log(Object.is(0,+0)) // true
      console.log(Object.is(0,-0)) // false
      console.log(Object.is(NaN,NaN)) // true

Object.prototype.toString()

返回一个表示该对象的字符串。

语法

obj.toString()

示例

      let a= 123
      console.log(a.toString()) // 123   是字符串
      let b = {
        a:0
      }
      console.log(b.toString()) // [object Object]
      let c = [0,2]
      console.log(c.toString()) // 0,2   是字符串
      let d = false
      console.log(d.toString()) // false   是字符串
      // let e = null
      // console.log(e.toString()) // 报错
      // let f = undefined
      // console.log(f.toString()) // 报错
      let g = NaN
      console.log(g.toString()) // NaN

      // call方法判断对象类型
      console.log(Object.prototype.toString.call(null)) // [object Null]
      console.log(Object.prototype.toString.call(undefined)) // [object Undefined]
      console.log(Object.prototype.toString.call()) // [object Undefined]
      console.log(Object.prototype.toString.call(NaN)) // [object Number]
      console.log(Object.prototype.toString.call(0)) // [object Number]
      console.log(Object.prototype.toString.call(false)) // [object Boolean]
      console.log(Object.prototype.toString.call('false')) // [object String]
      console.log(Object.prototype.toString.call(['false',0])) // [object Array]
      console.log(Object.prototype.toString.call({name:0})) // [object Object]
      console.log(Object.prototype.toString.call(new Date)) // [object Date]
      console.log(Object.prototype.toString.call(Math)) // [object Math]
      console.log(Object.prototype.toString.call(Array)) // [object Function]

参考文献