本文旨在解决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; i<input.length; i++){
if (input[i]>0){
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.length; i++): 遍历 input 数组。
- if (input[i]>0){ sumPositive++; } else if (input[i] < 0){ someNegative += 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') 错误，提高代码的健壮性和可靠性。
