前端Object.assign([], initalObj)的作用和用法

`Object.assign()` 方法用于将一个或多个源对象的所有可枚举属性复制到目标对象中，并返回目标对象。在前端中，可以使用它来创建一个新的数组并将初始对象复制到该数组中。

例如，以下代码将创建一个空数组，并将 `initalObj` 中的所有属性复制到该数组中：

const newArray = Object.assign([], initalObj);

这个方法有多个参数，第一个参数是目标对象，其它参数都是源对象。如果目标对象中已经存在相同的属性，则会覆盖原来的属性。如果只传一个参数，则返回该对象本身。

需要注意的是，`Object.assign()` 方法只能复制对象的可枚举属性，不能复制对象的不可枚举属性和继承属性。如果需要深度复制对象，可以使用其他方法或库，如 `JSON.parse(JSON.stringify(object))` 或 `lodash` 库中的 `_.cloneDeep()` 方法。

相关问题

vue前端Object.assign可以复制Number吗？

Vue.js 是一种流行的前端框架，用于构建用户界面。Object.assign() 是 JavaScript 中的一个方法，用于将一个或多个源对象的属性复制到目标对象。然而，Object.assign() 在复制 Number 类型时会将其转换为对象类型。

当你使用 Object.assign() 复制 Number 类型时，它会将 Number 类型转换为 Number 对象，然后复制该对象的属性。这可能会导致一些意想不到的结果，因为 Number 对象和原始的 Number 类型在行为上有所不同。

例如：

const num = 42;
const copy = Object.assign({}, num);
console.log(copy); // 输出: [Number: 42]

在上述示例中，原始的 Number 类型被转换为一个 Number 对象，并将其作为属性复制到目标对象中。

如果你只是想简单地复制一个 Number 值，而不是将其转换为对象，你可以直接赋值给新的变量，而无需使用 Object.assign()。

const num = 42;
const copy = num;
console.log(copy); // 输出: 42

这样就可以直接复制 Number 的值，而不会引入额外的对象。

Object.assign的作用

Object.assign() 方法用于将一个或多个源对象的可枚举属性复制到目标对象中，并返回目标对象。可以用于对象合并和对象克隆。需要注意的是，Object.assign() 方法执行的是浅拷贝，即只复制对象的第一层属性，如果属性值是对象，则只复制对象的引用而不是对象本身。

以下是一个使用 Object.assign() 方法合并两个对象的示例：

const obj1 = { a: 1, b: 2 };
const obj2 = { c: 3, d: 4 };
const obj3 = Object.assign({}, obj1, obj2);
console.log(obj3); // 输出：{ a: 1, b: 2, c: 3, d: 4 }

在上面的示例中，我们首先定义了两个对象 obj1 和 obj2，然后使用 Object.assign() 方法将它们合并到一个新的对象 obj3 中。需要注意的是，我们在 Object.assign() 方法的第一个参数中传入了一个空对象 {}，这是为了避免修改原始对象 obj1 和 obj2。

另外，如果多个源对象具有相同的属性，则后面的属性会覆盖前面的属性。例如：

const obj1 = { a: 1, b: 2 };
const obj2 = { b: 3, c: 4 };
const obj3 = Object.assign({}, obj1, obj2);
console.log(obj3); // 输出：{ a: 1, b: 3, c: 4 }

在上面的示例中，obj2 中的属性 b 覆盖了 obj1 中的属性 b。