用途:帮助开发者掌握 JavaScript 对象与数组两大核心数据结构,涵盖操作、变换、调试与生产实践。
主要能力:
- 对象操作:创建、点/括号访问、可选链 obj?.address?.city、增删改、解构与剩余属性。
- 对象方法:Object.keys/values/entries/fromEntries、Object.assign 浅合并、展开合并、Object.freeze/seal。
- 数组方法:map、filter、slice、flat、flatMap;find、findIndex、findLast、includes、indexOf;reduce 求和与按 ID 建索引;every/some;push、pop、unshift、shift、splice、sort、reverse 等原地修改。
- 解构:对象重命名、默认值、嵌套解构;数组跳过、剩余、交换。
- 数据变换:按字段分组、Set 去重、reduce 按 ID 索引。
- 调试排查:JSON.stringify 查看结构、Array.isArray、Object.getPrototypeOf;处理浅拷贝、意外变更、undefined 访问、排序错误等问题。
- 深拷贝:structuredClone 优先,JSON 方式有限制(无函数、日期等)。
- 生产模式:不可变更新(展开对象/数组、filter、map)、安全访问(?. 与 ??)。
使用方式:作为技能参考卡查阅,按需复制其中方法示例到代码中使用。
适用场景:日常 JavaScript 数据处理、数组与对象转换、排查变更与克隆问题、编写可维护的不可变更新逻辑。
限制:资料未提供收费、安装命令、平台或运行环境支持等具体信息;示例中 ES2023 等方法需相应运行时支持。