对象的API

Posted 2021-01-12 shaokevin

entries
keys
values
is
assign
create
toSting
Proety
defineProperty(obj,key,propety)

 

 

Object.entries(),Object.keys(),Object.values()

理解：获取对象的key、value,组成的数组
使用：
参数：
返回值：转换之后的数组

    let obj1 = {‘a‘:1,"b":2,"c":3};
    let res1 = Object.entries(obj1);
    let res2 = Object.keys(obj1);
    let res3 = Object.values(obj1);

    console.log(‘返回值‘,res1);             //["a", 1], ["b", 2], ["c", 3]]
    console.log(‘返回值‘,res2);             //["a", "b", "c"]
    console.log(‘返回值‘,res3);             //[1, 2, 3]

View Code

 

 

Object.is()

理解：判断传入的两个参数是否相等
返回值：返回布尔值
注意值：可以区分NAN

    let obj1 = {‘a‘:1,"b":2,"c":3};
    let res1 = Object.is("a","b");
    let res2 = Object.is(NaN, NaN)

    console.log(‘返回值‘,res1);             //false
    console.log(‘返回值‘,res2);             //true

View Code

 

Object.assign()

理解：合并对象，将第二个及后面的参数合并到第一个参数上
返回值：合并之后的第一个参数
原对象：改变

    let obj1 = {‘a‘:1,"b":2,"c":3};
    let res1 = Object.assign(obj1,{‘o‘:99});

    let obj2 = {‘a‘:1,"b":2,"c":3};
    let res2 = Object.assign({},obj1,{‘o‘:99});


    console.log(‘原数组‘,obj1);             //{a: 1, b: 2, c: 3, o: 99}
    console.log(‘返回值‘,res1);             //{a: 1, b: 2, c: 3, o: 99}

    console.log(‘原数组‘,obj2);             //{a: 1, b: 2, c: 3}
    console.log(‘返回值‘,res2);             //{a: 1, b: 2, c: 3, o: 99}

View Code

 

 

Object.create()

理解：创建对象，并将对象的__proto__属性上添加对象，对象是传入的参数
返回值：新创建的对象

    let obj = {
        x : 1,
        y : 2,
        z :3,
        name : ‘abc‘,
        study : function () {
            console.log(this.name)
        }
    }

    let newObj = Object.create(obj);
    console.dir(newObj);

View Code

 

 

Object.Proety()

理解：对象代理，通过对象代理可以获取指定的对象属性和方法

    let newObj = (function(){
        let obj = {
            x : 10,
            y : 100,
            z : 1000
        }
        return new Proxy(obj,{
            get(obj,property){
                if (property != ‘x‘){
                    return obj[property]
                }
            }
        })
    })();
    console.log(newObj.x)        //undefined
    console.log(newObj.y)        //100

View Code

 

 

Object.prototype.toString

理解：转换成字符串

   let a = Object.prototype.toString;

    console.log(a.call("aaa"));                     //[object String]
    console.log(a.call(1));                         //[object Number]
    console.log(a.call(true));                      //[object Boolean]
    console.log(a.call(null));                      //[object Null]
    console.log(a.call(undefined));                 //[object Undefined]
    console.log(a.call([]));                        //[object Array]
    console.log(a.call(function() {}));             //[object Function]
    console.log(a.call({}));                        //[object Object]

View Code

 

 

 

属性的遍历

ES6 一共有 5 种方法可以遍历对象的属性。

 

（1）for...in

 

for...in循环遍历对象自身的和继承的可枚举属性（不含 Symbol 属性）。

 

（2）Object.keys(obj)

 

Object.keys返回一个数组，包括对象自身的（不含继承的）所有可枚举属性（不含 Symbol 属性）的键名。

 

（3）Object.getOwnPropertyNames(obj)

 

Object.getOwnPropertyNames返回一个数组，包含对象自身的所有属性（不含 Symbol 属性，但是包括不可枚举属性）的键名。

 

（4）Object.getOwnPropertySymbols(obj)

 

Object.getOwnPropertySymbols返回一个数组，包含对象自身的所有 Symbol 属性的键名。

 

（5）Reflect.ownKeys(obj)

 

Reflect.ownKeys返回一个数组，包含对象自身的所有键名，不管键名是 Symbol 或字符串，也不管是否可枚举。

 

以上的 5 种方法遍历对象的键名，都遵守同样的属性遍历的次序规则。

 

首先遍历所有数值键，按照数值升序排列。

其次遍历所有字符串键，按照加入时间升序排列。

最后遍历所有 Symbol 键，按照加入时间升序排列。