码迷,mamicode.com
首页 > 其他好文 > 详细

对象的属性及方法

时间:2020-06-03 23:25:56      阅读:56      评论:0      收藏:0      [点我收藏+]

标签:error   继承   创建对象   style   作用   error:   对象   成员   改变   

1、创建对象
  (1)let  obj1  =  new  Object( )
  (2)let  obj2  =  { }
 
2、设置属性或方法
  let  obj  =  { }
  (1)obj.sex  =  ‘man‘
  (2)obj[‘age‘]  =  18
  二者区别:“[ ]”设置属性可以传变量,“.”设置属性不能使用变量
 
3、获取对象的属性
  let obj  =  { "sex": "man", "age": 18}
  (1)obj.sex     // man
  (2)obj[‘age‘]  // 18
 
4、对象属性的删除
  var obj = {name:’abc’,age:18}
  delete obj.ame
  delete  obj["age"]
  console.log(obj)           //   { }
 
5、检测属性,判断对象中是否存在该属性
  key  in  obj     // 既可以检测对象自身的属性,也可以检测对象原型中的属性
  obj.hasOwnProperty( key )  // 只能检测对象自身的属性,无法检测继承到的属性
  var obj = {name:’abc’,age:18}
  console.log(’ name’ in obj)   // true
  console.log(obj.hasOwnProperty(’ age’))       //true
 
6、遍历对象
  var  arr = [’a’, ’b’, ’c’];
  var obj = {name:’abc’,age:18}
  for(var v in abj){
    console.log(v)   // key        循环对象的时候v表示属性
  }
  for(var v in arr){
    console.log(v)   // index       循环数组的时候v表示索引
  }
 
7、对象序列化
  JSON.parse()   // json字符串转对象
  JSON.stringify()     // 对象转json字符串
  var obj = {"name": "abc", "age":18}
  JSON.stringify( obj )  //  "{"name": "abc", "age": 18}"
  JSON.parse("{"name": "abc", "age": 18}")  // {"name": "abc", "age": 18}
 
8、instanceof
  作用:用来验证一个对象是否为指定的构造函数的实例
  [1,2,3,4]  instanceof  Array  // true
  1  instanceof   Number   // false
  function  fn(){ console.log(1) }
  fn  instanceof  Function  // true
 
9、遍历对象的属性
  (1)Object.keys( )
    作用:该方法的参数是一个对象,返回一个数组。该数组的成员都是该对象自身的(而不是继承的)所有属性名。
    var  obj  = {p1:123,p2:456}
    Object.keys( obj )  // [‘p1‘, ‘p2‘]
  (2)Object.getOwnPropertyNames( )  
    作用:该方法与Object.keys类似,也是接受一个对象作为参数,返回一个数组,包含了该对象自身的所有属性名。
    var  obj  = {p1:123,p2:456}
    Object.getOwnPropertyNames( obj )  // [‘p1‘, ‘p2‘]
  二则区别:对于一般的对象来说,Object.keys()和Object.getOwnPropertyNames()返回的结果是一样的。只有涉及不可枚举属性时,才会有不一样的结果。Object.keys方法只返回可枚举的属性,Object.getOwnPropertyNames方法还可以返回不可枚举的属性名。
  var   arr = [1,2,3,4,5]
  Object.keys( arr )
  ["0", "1", "2", "3", "4"]
  Object.getOwnPropertyNames(arr)
  ["0", "1", "2", "3", "4", "length"]
 
10、Object.prototype.toString.call( )
  作用:可以用来判断数据类型 ,比typeof运算符更准确的类型判断函数
    Object.prototype.toString.call(2) // "[object Number]"
    Object.prototype.toString.call(‘ ‘) // "[object String]"
    Object.prototype.toString.call(true) // "[object Boolean]"
    Object.prototype.toString.call(undefined) // "[object Undefined]"
    Object.prototype.toString.call(null) // "[object Null]"
    Object.prototype.toString.call(Math) // "[object Math]"
    Object.prototype.toString.call({}) // "[object Object]"
    Object.prototype.toString.call([]) // "[object Array]"
 
11、属性描述对象
  Object.getOwnPropertyDescriptor()方法可以获取属性描述对象。它的第一个参数是目标对象,第二个参数是一个字符串,对应目标对象的某个属性名。
  定义:
    {
      value: 123,
      writable: false,
      enumerable: true,
      configurable: false,
      get:undefined,
      set:undefined
    }
    value是该属性的属性值,默认为undefined。
    writable是一个布尔值,表示属性值(value)是否可改变(即是否可写),默认为true。
    enumerable是一个布尔值,表示该属性是否可遍历,默认为true。如果设为false,会使得某些操作(比如for...in循环、Object.keys())跳过该属性。
    configurable是一个布尔值,表示可配置性,默认为true。如果设为false,将阻止某些操作改写该属性,比如无法删除该属性,也不得改变该属性的属性描述对象(value属性除外)。也就是说,configurable属性控制了属性描述对象的可写性。
    get是一个函数,表示该属性的取值函数(getter),默认为undefined
    set是一个函数,表示该属性的存值函数(setter),默认为undefined
  示例:
    var obj1 = {p:111}
    Object.getOwnPropertyDescriptor(obj1,‘p‘)
    {
      value: 111
      writable: true
      enumerable: true
      configurable: true
    }
    注意,Object.getOwnPropertyDescriptor()方法只能用于对象自身的属性,不能用于继承的属性。
 
12、Object.defineProperty( )、Object.defineProperties( )
  (1)Object.defineProperty( )
    作用:该方法允许通过属性描述对象,定义或修改一个属性,然后返回修改后的对象
    var  obj  =  Object.defineProperty({ }, ‘p‘, {
      value: 123,
      writable: false,
      enumerable: true,
      configurable: false
    })
    obj.p  // 123
    obj.p = 456
    obj.p  // 123
  (2)Object.defineProperties( )
    var  obj  =  Object.defineProperty({ }, {
      ‘p1‘: { value: 123, enumerable: true },
      ‘p2‘: { value: ‘abc‘, enumerable: true },
      ‘p3‘: { get:function(){ return this.p1 + this.p2} , enumerable: true}
    })
    obj.p1  // 123
    obj.p2  // ‘abc‘
    obj.p3  // ‘123abc‘
  注意,一旦定义了取值函数get(或存值函数set),就不能将writable属性设为true,或者同时定义value属性,否则会报错。
  Object.defineProperty()和Object.defineProperties()参数里面的属性描述对象,writable、configurable、enumerable这三个属性的默认值都为false。
 
13、obj.propertyIsEnumerable( )
    作用:该方法返回一个布尔值,用来判断某个属性是否可遍历。注意,这个方法只能用于判断对象自身的属性,对于继承的属性一律返回false。
 
14、存取器
  var obj  =  Object.defineProperty({ }, ‘p‘, {
    get : function( ){
      return  ‘getter‘
    },
    set : function(val){
      console.log(‘setter:‘ + val)
    }
  })
  obj.p  // ‘getter‘
  obj.p =123  //‘setter: 123‘
 
  另一种写法:
  var  obj1 = {
    get  p(){ return  111},
    set  p(val){console.log(‘setter:‘ + val)}  
  }
  obj1.p  // 111
  obj1.p =123  // ‘setter: 123‘
  应用:
    var   obj = {
      v: 5,
      get   p(){ return  this.v},
      set  p(val){
        if(val >= this.v) {
          this .v = val
        }else{
          throw  new  Error(‘新的值必须大于当前值‘)
        }
      }
    }
    obj.p  // 5
    obj.p = 10
    obj.p  // 10
    obj.p = 5  // Uncaught  Error:新的值必须大于当前值

对象的属性及方法

标签:error   继承   创建对象   style   作用   error:   对象   成员   改变   

原文地址:https://www.cnblogs.com/cuishuangshuang/p/13040474.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!