Object.assign 和String.concat --JS

Object.assign()

Object.assign(target,...sources)
  该方法有两个参数，第一个参数是目标对象，其它参数都是源对象
  它的用法就是将源对象合并到目标对象，
  它将返回目标对象

1.源对象只有一层数据

const obj1={
  name:'小花'
}
const obj2={
  age:1000
}

Object.assign(obj1, obj2)
console.log(obj1);//{ name: '小花', age: 1000 }

obj1.friend="小草";
console.log(obj2);//{ age: 1000 }

2.源数据有两层

const obj3={

}

const obj4={
  person: {
    name: '小花',
  }
}

Object.assign(obj3, obj4)
console.log(obj3);//{ person: { name: '小花' } }

obj4.person.friend="小草";
console.log(obj3);//{ person: { name: '小花', friend: '小草' } }

Object.assign是浅拷贝
当对象只有一层的时候，拷贝的都是name:“小花”,age:100…都是基本类型
拷贝基本类型的数据，修改源数据或修改目标数据，当然不会相互影响。
当数据有两层的时候，拷贝的是对象的引用。修改源数据或修改目标数据，之间会相互影响。

String.concat()

concat()
  1.该方法用于连接两个或多个字符串
   语法：string.concat(string1,string2,...stringN)
          字符串1.concat(字符串2,...字符串N)
  2.该方法用于合并两个或多个数组
    语法：arr.concat(arr1,arr2,...arrN);
         数组1.concat(数组2,...数组N)

拼接字符串

const str1='Hello';
const str2='world';

const strResult = str1.concat(str2);
console.log(strResult);//Helloworld

合并数组

const arr1 = ["林溪", { name: "鹿林溪", age: 18 }];
const arr2 = ["锦城", { name: "盛锦城", age: 21 }];

const result = arr1.concat(arr2);

console.log(result);
//[ '林溪', { name: '鹿林溪', age: 18 }, '锦城', { name: '盛锦城', age: 21 } ]
console.log(arr1);//[ '林溪', { name: '鹿林溪', age: 18 } ]
console.log(arr2);//[ '锦城', { name: '盛锦城', age: 21 } ]

concat连接两个或多个数组,不会改变原数组
返回值是被连接数组的副本

//修改基本数据
arr1[0]="溪";
//观察result的结果
console.log(result);
//[ '林溪', { name: '鹿林溪', age: 18 }, '锦城', { name: '盛锦城', age: 21 } ]

修改原数组中基本类型的值,不会影响新的数组,反之亦然。

//修改引用类型的数据
arr1[1].name="林溪";
//观察result的结果
console.log(result);
//[ '林溪', { name: '林溪', age: 18 }, '锦城', { name: '盛锦城', age: 21 } ]


//修改新数组中引用类型的数据
result[1].age=100;
//观察原数组的结果
console.log(arr1);//[ '溪', { name: '林溪', age: 100 } ]

修改原数组中引用类型的数据,会影响新的数组,反之亦然

总结：
concat连接两个或多个数组,不会改变原数组
返回值是被连接数组的副本,浅拷贝

Object.assign直接修改目标对象,
arr.concat返回一个新的值