美文网首页
ES6 对象的新增方法

ES6 对象的新增方法

作者: JLong | 来源:发表于2021-02-17 21:10 被阅读0次

1 Object.is()

和===行为一样,不同之处只有两个:一是+0不等于-0,二是NaN等于自身。

2 Object.assign()

Object.assign()方法用于对象的合并,将源对象(source)的所有可枚举属性,复制到目标对象(target)

3 Object.getOwnPropertyDescriptors()

ES5 的Object.getOwnPropertyDescriptor()方法会返回某个对象属性的描述对象(descriptor)。ES2017 引入了Object.getOwnPropertyDescriptors()方法,返回指定对象所有自身属性(非继承属性)的描述对象。

4 __proto__属性,Object.setPrototypeOf(), Object.getPrototypeOf()

__proto__属性(前后各两个下划线),用来读取或设置当前对象的原型对象

Object.setPrototypeOf方法的作用与__proto__相同,用来设置一个对象的原型对象(prototype),返回参数对象本身。它是 ES6 正式推荐的设置原型对象的方法。

该方法与Object.setPrototypeOf方法配套,用于读取一个对象的原型对象。

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

ES5 引入了Object.keys方法,返回一个数组,成员是参数对象自身的(不含继承的)所有可遍历(enumerable)属性的键名。

var obj = { foo: 'bar', baz: 42 }; Object.keys(obj) // ["foo", "baz"]

Object.values方法返回一个数组,成员是参数对象自身的(不含继承的)所有可遍历(enumerable)属性的键值。

const obj = { foo: 'bar', baz: 42 }; Object.values(obj) // ["bar", 42]

Object.entries()方法返回一个数组,成员是参数对象自身的(不含继承的)所有可遍历(enumerable)属性的键值对数组。

const obj = { foo: 'bar', baz: 42 }; Object.entries(obj) // [ ["foo", "bar"], ["baz", 42] ]

6 Object.fromEntries()

Object.fromEntries()方法是Object.entries()的逆操作,用于将一个键值对数组转为对象。

Object.fromEntries([['foo','bar'],['baz',42]])// { foo: "bar", baz: 42 }

详情自行前往https://es6.ruanyifeng.com/#docs/object-methods

相关文章

  • ECMAScript6 - 学习笔记 整理 - 3

    对象新增方法 数组去重 ES6 新构造函数方法

  • 09- Math 扩展

    ES6 在 Math 对象上新增了 17 个与数学相关的方法。所有这些方法都是静态方法,只能在 Math 对象上调...

  • Math 笔记

    ES6 在 Math 对象上新增了 17 个与数学相关的方法。所有这些方法都是静态方法,只能在 Math 对象上调...

  • 数学方法的扩展-ES6初学习

    Math 对象的扩展ES6 在 Math 对象上新增了 17 个与数学相关的方法。所有这些方法都是静态方法,只能在...

  • JS判断对象是否为空

    方法一: 将 Object 对象转换为字符串,然后判断字符串 方法二: 方法三: ES6 新增的方法 Object...

  • 数组去重的三种方法

    方法一:利用封装函数去重 方法二:利用对象的键值对唯一性, 方法三:使用ES6新增的Set()方法

  • 数组去重的n 种方法

    1. reduce () 去重 2.利用ES6中的 Set 方法去重 注意 : Set为ES6新增的一个对象,允许...

  • 数组去重

    1. reduce () 去重 2.利用ES6中的 Set 方法去重 注意 : Set为ES6新增的一个对象,允许...

  • Array.from()

    Array.from()是ES6中新增的方法,可以将两类对象转为真正的数组:类数组对象和可遍历(iterable)...

  • Array方法属性

    ECMAScript 5 Array新增方法 明天再抽时间补充ES6 Array新增方法~~~

网友评论

      本文标题:ES6 对象的新增方法

      本文链接:https://www.haomeiwen.com/subject/yldwxltx.html