Object某些属性需要让其排到固定顺序--排最前面Object.assign()

需求

获取到一个对象obj如下,我们期望键值对a为第一个,b为第二个,其他按照原本顺序排列即可,即变成obj2这样。

obj= { c: "c1",a: "a1",k:"k1",d:"d1", b: "b1"}
obj2= {a: "a1", b: "b1", c: "c1",k:"k1",d:"d1"}

思路:可以使用Object.assign(target, ...sources);
MDN地址

. target: 目标对象
. sources: 源对象

代码

let obj= { c: "c1",a: "a1",k:"k1",d:"d1", b: "b1"} // 原来的对象
let obj2= Object.assign({a:'',b:''}, obj) // 

运行结果

image.png

Object.assign()

以下为MDN中的描述

如果目标对象中的属性具有相同的键,则属性将被源对象中的属性覆盖。后面的源对象的属性将类似地覆盖前面的源对象的属性。
Object.assign 方法只会拷贝源对象自身的并且可枚举的属性到目标对象。该方法使用源对象的[[Get]]和目标对象的[[Set]],所以它会调用相关 getter 和 setter。因此,它分配属性,而不仅仅是复制或定义新的属性。如果合并源包含getter,这可能使其不适合将新属性合并到原型中。为了将属性定义(包括其可枚举性)复制到原型,应使用Object.getOwnPropertyDescriptor()Object.defineProperty()
String类型和 Symbol的属性都会被拷贝。
在出现错误的情况下,例如,如果属性不可写,会引发TypeError,如果在引发错误之前添加了任何属性,则可以更改target对象。
注意,Object.assign 不会在那些source对象值为 nullundefined 的时候抛出错误。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 首先一个是对JS中Object的理解:JavaScript中函数是一等公民,写在代码中的 Array/Object...
    皮皮坤666阅读 1,722评论 0 3
  • Swift1> Swift和OC的区别1.1> Swift没有地址/指针的概念1.2> 泛型1.3> 类型严谨 对...
    cosWriter阅读 11,161评论 1 32
  • 属性的简洁表示法 ES6允许直接写入变量和函数,作为对象的属性和方法。这样的书写更加简洁。 上面代码表明,ES6允...
    呼呼哥阅读 2,949评论 0 2
  • Object.assign()方法用于将所有可枚举的属性的值从一个或多个源对象复制到目标对象。它将返回目标对象。 ...
    执著_7a69阅读 1,786评论 0 2
  • 又逢腊八,全城飘粥香! 我端粥搅拌,思绪随着粥中飘出的香味扩散。 妈妈,妈妈的身影,妈妈在腊八节的早晨忙碌的身影。...
    范金凤阅读 578评论 0 2