本文旨在解决JavaScript中常见的 `TypeError: Cannot read properties of null (reading ‘length’)` 错误，该错误通常发生在尝试访问 `null` 值的 `length` 属性时。通过分析问题代码，我们将详细解释错误原因，并提供修复方案，确保代码在处理空输入时能够正确运行，并返回期望的结果。
在JavaScript编程中，处理数组时经常会遇到需要检查数组是否为空或者为 null 的情况。如果未正确处理，尝试访问 null 值的属性（如 length）会导致 TypeError 错误。本文将以一个具体的例子，详细讲解如何避免并修复这种错误。
问题分析
错误信息 TypeError: Cannot read properties of null (reading ‘length’) 表明，你正在尝试访问一个 null 值的 length 属性。这通常发生在函数接收到 null 作为参数，并且代码中没有对 null 值进行检查的情况下。
在提供的代码片段中，问题出在以下这部分逻辑：
if(input != null && input.length === 0){return []};
这段代码的意图是：如果 input 不是 null 并且 input 的长度为 0，则返回一个空数组。然而，当 input 本身就是 null 时，input.length 会导致上述 TypeError 错误，因为 null 没有 length 属性。
解决方案
要解决这个问题，需要修改条件判断语句，确保在访问 length 属性之前，先检查 input 是否为 null。正确的写法是使用 || (或) 运算符，将 null 的判断放在前面：
if(input == null || input.length === 0){return [0, 0]};
或者使用更严格的 === 运算符：
if(input === null || input.length === 0){return [0, 0]};
这样，如果 input 是 null，则整个条件判断会立即返回 true，而不会尝试访问 input.length，从而避免了 TypeError 错误。 注意，这里返回的是 [0, 0]，而不是 []，符合题目要求。
完整代码示例
下面是修改后的完整代码：
function countPositivesSumNegatives(input) { let sumPositive = 0; let someNegative = 0; if(input == null || input.length === 0){ return [0, 0]; } for(let i=0; i0){ sumPositive++; } else if (input[i] < 0){ someNegative += input[i]; } } return [sumPositive, someNegative];}console.log(countPositivesSumNegatives(null)); // 输出 [0, 0]console.log(countPositivesSumNegatives([])); // 输出 [0, 0]console.log(countPositivesSumNegatives([1, 2, 3, -1, -2])); // 输出 [3, -3]
代码解释
function countPositivesSumNegatives(input): 定义一个函数，接收一个名为 input 的参数，预期为一个数组。let sumPositive = 0; 和 let someNegative = 0;: 初始化两个变量，分别用于存储正数的个数和负数的总和。if(input == null || input.length === 0){ return [0, 0]; }: 关键的条件判断。如果 input 为 null 或者 input 的长度为 0，则直接返回 [0, 0]。for(let i=0; i: 遍历 input 数组。if (input[i]>0){ sumPositive++; } else if (input[i] : 如果当前元素大于 0，则增加 sumPositive 的计数；如果当前元素小于 0，则将其加到 someNegative 上。return [sumPositive, someNegative];: 返回包含正数个数和负数总和的数组。
总结与注意事项
Null检查的重要性: 在处理可能为 null 的值时，务必进行 null 检查，避免直接访问其属性。使用 || 运算符: 使用 || 运算符可以确保在 null 检查通过后，才执行后续的属性访问。理解错误信息: TypeError: Cannot read properties of null (reading ‘length’) 是一种常见的JavaScript错误，理解其含义有助于快速定位问题。代码测试: 编写测试用例，包括 null、空数组和包含数据的数组，以确保代码的正确性。
通过以上方法，可以有效地避免和解决 TypeError: Cannot read properties of null (reading ‘length’) 错误，提高代码的健壮性和可靠性。
以上就是修复TypeError：无法读取null的属性‘length’的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1530026.html
微信扫一扫 
支付宝扫一扫 
