JavaScript 学习笔记《合并对象，合并数组》

╰半橙微兮° 2022-12-27 07:59 244阅读 0赞

### JavaScript 学习笔记 《合并对象，合并数组》 ###

*  合并对象
 *   *  Object.assign()
     *  展开语法
 *  合并数组
 *   *  Array.prototype.concat()
     *  展开语法
 *  参考资料

# 合并对象 #

## Object.assign() ##

`var target = Object.assign(target, ...sources)`  
从第二个参数开始将所有可枚举属性的值，复制给第一个参数。`第一个参数为目标对象会被修改`

## 展开语法 ##

# 合并数组 #

## Array.prototype.concat() ##

`var new_array = old_array.concat(value1[, value2[, ...[, valueN]]])`  
合并两个或多个数组，返回新数组。`原数组不会变动`

var arr1 = ['a', 'b', 'c'];
    var arr2 = ['c', 'd', 'e'];
    var arr = arr1.concat(arr2);
    console.log(arr); // ["a", "b", "c", "c", "d", "e"]

## 展开语法 ##

var arr1 = ['a', 'b', 'c'];
    var arr2 = ['c', 'd', 'e'];
    var arr = [...arr1, ...arr2];
    console.log(arr); // ["a", "b", "c", "c", "d", "e"]

# 参考资料 #

[Object.assign][]  
[Array.prototype.concat()][Array.prototype.concat]  
[JavaScript 学习笔记：ES6 新特性 — 解构赋值、展开语法、剩余参数][JavaScript _ES6 _ _]

[Object.assign]: https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Object/assign
[Array.prototype.concat]: https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array/concat
[JavaScript _ES6 _ _]: https://jerryjin.blog.csdn.net/article/details/102147497