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