1. 使用 flatMap
数组方法 flatMap()
本质上是 map()
和 flat()
的组合,区别在于 flatMap
只能扁平1级,flat 可以指定需要扁平的级数,flatmap 比分别调用这两个方法稍微高效一些。
const arr = [1, 2, [4, 5], 6, 7, [8]] ; console.log(arr.flatMap((element) => element)); // output :[1, 2, 4, 5, 6, 7, 8]
2. 深拷贝 structuredClone()
经常需要依赖第三方库来实现或者手动实现一个神拷贝,或者采取const cloneObj = JSON.parse(JSON.stringify(obj));
的 hack, 但其在处理包含循环引用或不符合 JSON 的数据类型(如 Map 和 Set,Blob 等 ) 的更复杂对象时,是有很多不足之处的
而现在,JavaScript 内置了一个 structuredClone() 的方法, 此方法提供了一种简单有效的方法来深度克隆对象, 且适用于大多数现代浏览器和 Node.js v17 以上
// 将原始对象传递给该函数, 它将返回一个具有不同引用和对象属性引用的深层副本 const obj = { name: 'Mike', friends: [{ name: 'Sam' }] }; const clonedObj = structuredClone(obj); console.log(obj.name === clonedObj); // false console.log(obj.friends === clonedObj.friends); // false
标签:flatMap,const,name,structuredClone,js,clonedObj,obj,写法,好用 From: https://www.cnblogs.com/L-hailong/p/17958622