ES5--json和Object对象扩展

水深无声 2022-12-06 04:14 191阅读 0赞

JSON.stringify(obj/arr)  
js对象/数组转换为json对象/数组  
JSON.parse(json)  
json对象/数组转换为js对象/数组  
例：

var obj={
            username:'www',
        }
        obj = JSON.stringify(obj);
        console.log(typeof obj);//string
        obj = JSON.parse(obj);
        console.log(typeof obj);//Object

Object对象方法扩展  
ES5给Object扩展了一些静态方法：常用的有两个  
1.Object.create(prototype,\[descriptors\])  
作用：以指定对象为原型创建新的对象  
为新的对象指定新的属性，并对属性进行描述  
\-value:指定值  
\-writeable:标识当前属性是否是可修改的，默认为false  
\-configurable:标识当前属性是否可以被删除，默认为false  
\-enumerable:标识当前属性是否能用for in枚举，默认为false  
2.Object.defineProperties(object,descriptors)  
作用：为指定对象定义多个扩展属性  
get:用来获取当前属性值的回调函数  
set:修改当前属性值触发的回调函数，并且实参即为修改后的值  
存取器属性：setter,getter

例：

var obj1={name:'xiaoming',age:15}
        var obj2 = {};
        obj2 = Object.create(obj1,{
            sex:{
                value:'男',
                writable:true,
                configurable:true,
                enumerable:true
            }
        }); 
        console.log(obj2.sex);
        obj2.sex = '女';
        console.log(obj2.sex);
        // delete obj2.sex;//用于删除sex属性
        console.log(obj2);
        for(var i in obj2){
            console.log(i);
        }
        //Object.defineProperties(object,descriptors)//扩展属性
        var obj3 = {firstName:'t',lastName:'wang'};
        Object.defineProperties(obj3,{
            fullName:{
                get:function(){ //获取扩展属性的值,获取扩展属性值的时候调用
                    return this.firstName + ' ' +this.lastName;
                },
                set:function (data){ //监听扩展属性，当扩展属性发生变化的时候自动调用，自动调用后见变化的值作为实参返回
                    console.log('set()',data);
                    var arr = data.split(' ');
                    this.firstName = arr[0];
                    this.lastName = arr[1];
                }
                 
            }
        });
        console.log(obj3.fullName);//调用get方法
        obj3.fullName="zhan xiao";//调用set方法
        console.log(obj3.fullName);
        /*
        对象本身的两个方法
        get propertyName(){}用来得到当前属性值的回调函数
        set propertyName(){}用来监视当前属性值变化的回调函数 
        */
        var obj4={
            firstName:'t',
            lastName:'w',
            get fullName(){
                return this.firstName + ' ' +this.lastName;
            },
            set fullName(data){
                var arr = data.split(' ');
                this.firstName = arr[0];
                this.lastName = arr[1];
            }
        };
        console.log(obj4);
        console.log(obj4.fullName);
        obj4.fullName = "z x";
        console.log(obj4.fullName);

发表评论取消回复

表情：

评论列表（有 0 条评论，191人围观）

还没有评论，来说两句吧...

相关阅读

相关 ES6（8）：数值扩展和对象方法扩展

文章目录一、数值扩展 1. Number.EPSILON 是 JavaScript 表示的最小精度

叁歲伎倆/ 2022年12月26日 09:21/ 0 赞/ 168 阅读

相关 ES5___ Array 扩展

1. Array.prototype.indexOf(value) : 得到值在数组中的第一个下标 <script type="text/javascript">

╰半橙微兮°/ 2022年12月08日 05:41/ 0 赞/ 188 阅读

相关 ES5___Object 扩展

一、ES5给Object扩展了一些静态方法, 常用的2个： 1. Object.create(prototype, \[descriptors\]) 作用: 以指定

迷南。/ 2022年12月08日 05:30/ 0 赞/ 148 阅读

相关 ES6--对象（Object）方法的扩展

Object.is(v1,v2):判断两个数据是否全等 2.Object.assgin(target,source1,source2):将原对象的属性复制到目标对象上

阳光穿透心脏的1/2处/ 2022年12月06日 12:38/ 0 赞/ 183 阅读

相关 ES5--json和Object对象扩展

JSON.stringify(obj/arr) js对象/数组转换为json对象/数组 JSON.parse(json) json对象/数组转换为js对象/数组

水深无声/ 2022年12月06日 04:14/ 0 赞/ 192 阅读

相关 es6对象的扩展底层实现____Object.values

Object.values的用法： <!DOCTYPE html> <html lang="en"> <head> <meta

痛定思痛。/ 2022年05月19日 13:14/ 0 赞/ 201 阅读

相关 ES6 对象扩展

方法简写 var person = { say: function(word) { console.log(word); } } pe

Myth丶恋晨/ 2022年02月21日 00:12/ 0 赞/ 356 阅读

相关 es6 对象的扩展

对象的扩展传统对象属性写法 es6对象属性写法属性名表达式属性的可枚举性和遍历

偏执的太偏执、/ 2022年02月01日 14:45/ 0 赞/ 315 阅读

相关 ECMAScript5，object对象扩展

object对象扩展 <script> / 对象的扩展以一个对象为原型创建另一个对象

左手的ㄟ右手/ 2022年01月16日 02:15/ 0 赞/ 302 阅读

相关 ES5 中对象方法扩展：Object.create()、Object.defineProperties()、对象本身的 get 与 set 详解

Object.create() `Object.create(prototype[, descriptors])` 以指定的对象为原型创建新的对象。 `proto

绝地灬酷狼/ 2021年12月05日 14:49/ 0 赞/ 302 阅读