修复TypeError：无法读取null的属性‘length’

本文旨在解决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 的判断放在前面：

绘蛙AI修图

绘蛙平台AI修图工具，支持手脚修复、商品重绘、AI扩图、AI换色

129

查看详情

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]

代码解释

1. function countPositivesSumNegatives(input): 定义一个函数，接收一个名为 input 的参数，预期为一个数组。
2. let sumPositive = 0; 和 let someNegative = 0;: 初始化两个变量，分别用于存储正数的个数和负数的总和。
3. if(input == null || input.length === 0){ return [0, 0]; }: 关键的条件判断。如果 input 为 null 或者 input 的长度为 0，则直接返回 [0, 0]。
4. for(let i=0; i<input.length; i++): 遍历 input 数组。
5. if (input[i]>0){ sumPositive++; } else if (input[i] < 0){ someNegative += input[i]; }: 如果当前元素大于 0，则增加 sumPositive 的计数；如果当前元素小于 0，则将其加到 someNegative 上。
6. 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’的详细内容，更多请关注php中文网其它相关文章！