1. Object.assign()

两个对象合并

  • Object.assign()接口可以接收多个参数,第一个参数是目标对象,后面的都是源对象,assign方法将多个原对象的属性和方法都合并到了目标对象上面,如果在这个过程中出现同名的属性(方法),后合并的属性(方法)会覆盖之前的同名属性(方法)

  • 参数

    • 参数1: 目标对象

    • 参数2:合并的对象,一个或者多个

  • 返回值:目标对象
  • ```javascript let obj1 = {a:1, b:2}; let obj2 = {c:3, d:4};

let result = Object.assign({}, obj1, obj2); console.log(result); // { a: 1, b: 2, c: 3, d: 4 }

  1. [详解1](https://blog.csdn.net/qs8lk88/article/details/79018481) [详解2](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Object/assign)
  2. <a name="7rdrec"></a>
  3. ### 2. Object.key()
  4. Object.keys() 方法会返回一个由一个给定对象的自身可枚举属性组成的数组,数组中属性名的排列顺序和使用 forin 循环遍历该对象时返回的顺序一致 (两者的主要区别是 一个 for-in 循环还会枚举其原型链上的属性)。<br />也就是说我们可以用此方法罗列出对象的所有属性名
  5. 1. **传入对象,返回属性名**
  6. ```javascript
  7. var obj = {'a':'123','b':'345'};
  8. console.log(Object.keys(obj)); //['a','b']
  9. var obj1 = { 100: "a", 2: "b", 7: "c"};
  10. console.log(Object.keys(obj1)); // console: ["2", "7", "100"]
  11. var obj2 = Object.create({}, { getFoo : { value : function () { return this.foo } } });
  12. obj2.foo = 1;
  13. console.log(Object.keys(obj2)); // console: ["foo"]
  1. 传入字符串,返回索引
var str = 'ab1234';
console.log(Object.keys(obj));  //[0,1,2,3,4,5]
  1. 数组 返回索引
var arr = ["a", "b", "c"];
console.log(Object.keys(arr)); // console: ["0", "1", "2"]
  1. 构造函数 返回空数组或者属性名
function Pasta(name, age, gender) {
    this.name = name;
    this.age = age;
    this.gender = gender;
    this.toString = function () {
            return (this.name + ", " + this.age + ", " + this.gender);
    }
}

console.log(Object.keys(Pasta)); //console: []

var spaghetti = new Pasta("Tom", 20, "male");
console.log(Object.keys(spaghetti)); //console: ["name", "age", "gender", "toString"]

注意
在ES5,如果此方法的参数不是一个对象(原始的),那么它会造成 TypeError。在ES2015,非对象的参数将被强制转换为一个对象。