JavaScript数组方法报错主因是类型误判与边界疏忽，须用Array.isArray()校验输入、校验length合法性、确保回调函数符合签名、优先采用不可变操作。
JavaScript 数组方法用得顺手，但一不留神就报错——TypeError: xxx.splice is not a function、RangeError: Invalid array length、undefined is not a function 这类提示背后，往往不是逻辑问题，而是类型误判或边界疏忽。防错不靠运气，关键在调用前明确“它是不是数组”“长度合不合理”“参数有没有传对”。
确认输入是真实数组再调用方法
splice()、push()、sort()、map() 等所有原生数组方法，只认 Array 类型。字符串、类数组对象（如 arguments、NodeList）、普通对象哪怕长得像数组，调用就会直接抛 TypeError。
- 用
Array.isArray(input)做第一道防线，别依赖typeof input === 'object'或input.length !== undefined - 避免把变量名写成字符串字面量，例如
let arrCopy = "myArray"—— 这是字符串，不是数组引用 - 从 DOM 获取的集合（如
document.querySelectorAll('img')）需显式转为数组：Array.from(nodeList)或[...nodeList]
警惕 length 属性和构造函数的非法值
数组长度必须是非负整数。任何试图设置 arr.length = -1 或 new Array(-5) 的操作都会触发 RangeError。
- 动态设置 length 时，先校验数值：
if (Number.isInteger(newLen) && newLen >= 0) arr.length = newLen; - 用
Array(n)创建定长数组时，确保n是合法非负整数；若不确定，改用Array.from({ length: n }, () => defaultValue) - 删除元素后检查是否为空，避免后续操作（如取
arr[0]）返回 undefined 导致链式调用中断
自定义回调函数必须满足方法签名
map()、filter()、reduce()、sort() 等接受回调函数的方法，对参数数量、返回值类型有隐含约定。写错会导致静默失败或意外结果。
立即学习“Java免费学习笔记（深入）”；
-
sort()回调必须返回数字：用a - b排数字，用a.localeCompare(b)排字符串，别漏 return -
reduce()必须提供初始值（尤其空数组场景），否则第一次调用会把首个元素当 accumulator，易出错 -
find()和findIndex()回调返回真值即终止，确保逻辑覆盖全部分支，避免漏判undefined或null
避免原地修改引发的副作用
splice()、sort()、reverse() 会直接修改原数组。如果原始数据还需复用，或多人协作中状态不可控，这类修改极易埋下隐患。
- 默认优先使用不可变方式：用扩展运算符
[...arr]或slice()创建副本后再操作 - 对 API 返回的数组、props 传入的数组、全局配置数组，养成“先拷贝再处理”的习惯
- 若业务明确允许原地修改，加注释说明意图，例如：
// ⚠️ 原地打乱，原始顺序不再保留
