ES6对象的新增方法

最新推荐文章于 2023-08-04 11:17:55 发布

大斧滴熊

最新推荐文章于 2023-08-04 11:17:55 发布

阅读量195

点赞数

分类专栏： ES6 文章标签： es6

本文链接：https://blog.csdn.net/zhouyuzhu666/article/details/120621291

版权

ES6 专栏收录该内容

16 篇文章 0 订阅

订阅专栏

本文介绍了ES6中对象的九个新方法，包括Object.is()用于严格比较，Object.assign()实现属性复制，Object.setPrototypeOf()和Object.getPrototypeOf()设置与获取原型，以及Object.keys(), values(), entries()用于获取对象属性的键、值和键值对。此外，还提到了Object.fromEntries()用于转换键值对数组成对象的实用功能，并给出实际应用案例。" 103366202,8215043,理解OSPF：协议详解与配置实践,"['网络协议', 'OSPF', '路由选择', '网络管理', '数据通信']

摘要由CSDN通过智能技术生成

1、Object.is(x1,x2),用来比较两个参数是否严格相等，返回布尔值,与严格相等运算符用法基本一致

console.log(Object.is('hello','hello'));//true
console.log(Object.is({},{}));//false
console.log(Object.is(+0,-0));//false
console.log(Object.is(NaN,NaN));//true
console.log('hello' === 'hello');//true
console.log({} === {});//false
console.log(+0 === -0);//true
console.log(NaN === NaN);//false

2、Object.assign(target,source),用于将一个或多个源对象的可枚举属性复制到目标对象，返回目标对象

const target = {a:10}
const source1 = {b:2}
const source2 = {c:3}
console.log(Object.assign(target,source1,source2));//{ a: 10, b: 2, c: 3 }
console.log(target);//{ a: 10, b: 2, c: 3 }

如果目标对象与源对象有同名属性，或多个源对象有同名属性，后面的属性会覆盖前面的属性

const target = { a: 1, b: 1 };
const source1 = { b: 2, c: 2 };
const source2 = { c: 3 };
Object.assign(target, source1, source2);
console.log(target);//{ a: 1, b: 2, c: 3 }

3、Object.setPrototypeOf(object,prototype),用来设置一个对象的原型对象，返回参数对象本身

let proto = {}
let obj = {x:10}
Object.setPrototypeOf(obj,proto)
proto.y=20;
proto.z=40;
console.log(Object.setPrototypeOf(obj,proto));//{x:10}
console.log(obj);//{ x: 10 }
console.log(obj.x,'---',obj.y);//10 --- 20,原型属性

4、Object.getPrototypeOf(obj) 用于读取一个对象的原型对象

console.log(Object.getPrototypeOf(obj));//{ y: 20, z: 40 }

5、Object.keys(obj) 返回参数对象所有可遍历属性的键名组成的数组
6、Object.values(obj) 返回参数对象所有可遍历属性的键值组成的数组
7、Object.entries(obj) 返回一个数组，数组中的元素是参数对象所有可遍历属性的键值对组成的数组

let obj = {
     a:1,
     b:'lili',
     say(){
         console.log('hello');
     }
 }
 console.log(Object.keys(obj));//[ 'a', 'b', 'say' ]
 console.log(Object.values(obj));//[ 1, 'lili', [Function: say] ]
 console.log(Object.entries(obj));
 //[ [ 'a', 1 ], [ 'b', 'lili' ], [ 'say', [Function: say] ] ]

8、Object.fromEntries()是Object.entries()的逆操作，用于将一个键值对数组组成的数组转换为对象

let newObj = Object.fromEntries([['a',1],['b',2]])
console.log(newObj);//{ a: 1, b: 2 }

9、一个实际的例子

// 对象的解构赋值
let {keys,values,entries} = Object
//声明一个对象
let obj = {
     a:1,
     b:2,
     c:3
}
// console.log(keys(obj));
for(let key of keys(obj)){
    console.log(key);//'a'  'b'  'c'
}
for(let value of values(obj)){
    console.log(value);//1  2   3
}
 for(let entry of entries(obj)){
    console.log(entry);//[ 'a', 1 ] [ 'b', 2 ]  [ 'c', 3 ]
}