js之对象

1、创建对象的三种方法:对象直接量、关键字new和构造函数、object.creat()

var test = {a:'b'}        //对象直接量
var test1 = new Object({a:'bb'});  //new+构造函数
var test2 = Object.creat(test1);    //test2会继承test1的属性和方法

对象直接量和new用具有同一个原型对象,可以通过Object.prototype获得原型对象的引用

Object.creat是创建一个新对象,而第一个参数是这个新对象的原型

2、删除属性:delete

var test = {a:'aaa',b:'bbbb'};
delete test.a;
console.log(test)        //{b:'bbbb'}

3、检测属性:in、hasOwnProperty()、propertyIsEnumerable();

var test = {a:'aaa',b:'bbbbb'};
console.log('a' in test)        //true
console.log('toString' in test);//true,继承Object.prototype的toString属性

//hasOwnProperty(),是否是对象的自有属性,对继承属性返回false
console.log(test.hasOwnProperty('a'))        //true
console.log(test.hasOwnProperty('toString'));//false

//propertyIsEnumerable():是自有属性,且是可枚取属性才返回true

4、对象的循环:

  • for/in
var test = {a:'aaa',b:'bbb'};
for(let key in test){
    console.log(key,'::',test[key]);        //key是对象的属性名
} 
  • Object.keys():返回一个由对象中可枚举的自有属性的名称所组成的数组。

5、属性的getter和setter

我们通常定义的对象的属性,称之为数据属性,在ES5之后,属性值可以用一个或两个方法替代:getter和setter,这样的属性称之为“存取器属性”。如果这个属性只有setter,则表示它是一个只写属性,如果只有getter,则表示它是一个只读属性,都有则表示它是一个读写属性

var test = {
    a:1,
    b:2,
    get r(){
          return this.a+this.b;  
    },
    set r(val){
        //当给r赋值时,会执行这里的方法
        this.a = val-1;
        this.b = val - 2;
    }
};
console.log(test.r);        //3
test.r = 5;
console.log(test.a);        //5-1 = 4
console.log(test.b);        //5-2 = 3

6、属性的特性:属性具有可写、可枚举、可配置的特性。在ES5之后可以通过Object.definePeoperty()配置属性的特性。

var test = {};
//给对象test添加了一个a属性,属性的特性可以配置
Object.definePeoperty(test,'a',{
    value:1,
    writable:true,        //可写
    enumerable:true,        //可枚举
    configurable:true        //可配置
})

7、序列化对象:JSON.stringify();还原对象:JSON.parse()

 

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值