zoukankan      html  css  js  c++  java
  • 如何将多个对象合并为一个对象

    一、Object.assign()

     Object.assign() 方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。它将返回目标对象。 并且源对象也会被修改。

      const target = { a: 1, b: 2 };
      const source = { b: 4, c: 5 };
    
      const returnedTarget = Object.assign(target, source);
    
      console.log(target);
      // expected output: Object { a: 1, b: 4, c: 5 }
    
      console.log(returnedTarget);
      // expected output: Object { a: 1, b: 4, c: 5 }

    如果目标对象中的属性具有相同的键,则属性将被源对象中的属性覆盖。后面的源对象的属性将类似地覆盖前面的源对象的属性。支持多个对象合并,如果不想修改目标对象,可以将目标对象改成空 {},

    例如:const returnedTarget = Object.assign( {} , source,source);

    Object.assign 方法只会拷贝源对象自身的并且可枚举的属性到目标对象。该方法使用源对象的[[Get]]和目标对象的[[Set]],所以它会调用相关 getter 和 setter。因此,它分配属性,而不仅仅是复制或定义新的属性。如果合并源包含getter,这可能使其不适合将新属性合并到原型中。为了将属性定义(包括其可枚举性)复制到原型,应使用Object.getOwnPropertyDescriptor()Object.defineProperty() 。

    String类型和 Symbol 类型的属性都会被拷贝。

    在出现错误的情况下,例如,如果属性不可写,会引发TypeError,如果在引发错误之前添加了任何属性,则可以更改target对象。

    注意,Object.assign 不会在那些source对象值为 null 或 undefined 的时候抛出错误。

     

    二、采用循环遍历

    这种就稍微麻烦一点了

    var obj1 = {name:'张三'};
    var obj2 = {age:18};
    for (var key in obj2) {
     if (obj2.hasOwnProperty(key) === true){ // 确保不是 obj2 的原型属性
       obj1[key] = obj2[key];
      }
    }
    console.log(obj1);



  • 相关阅读:
    js获取数组最大值或最小值
    echarts 在 vue-awesome-swiper中无法点击
    vue 父子父组件通过props传父页面请求后的数据
    vue 路由对象
    popupwindow
    数据库
    冒泡排序
    xtuils
    版本更新
    清除缓存
  • 原文地址:https://www.cnblogs.com/chase-star/p/11319075.html
Copyright © 2011-2022 走看看