开发者问题收集

未捕获的类型错误：无法读取未定义的属性（读取“toUpperCase”）

2021-12-19
4290
javascript typeerror uppercase

我一直在尝试将文本输入转换为正确大小写和句子大小写。正确大小写似乎可以正常工作，但句子大小写会抛出 Uncaught TypeError：无法读取未定义的属性（读取“toUpperCase”） 。阅读了 这篇 帖子并进行了一些更改，但没有成功。令人惊讶的是， .toUpperCase() 在正确大小写函数中工作正常。 

document.getElementById("proper-case").addEventListener("click", function() {
  let words = document.querySelector("textarea").value.split(" ");
  let string = "";
  for (let i = 0; i < words.length; i++) {
    string += words[i][0].toUpperCase() + words[i].substring(1).toLowerCase();
    if (i != words.length - 1) {
      string += " ";
    }
  }
  document.querySelector("textarea").value = string;
});


document.getElementById("sentence-case").addEventListener("click", function() {
  let sentences = document.querySelector("textarea").value.split(".");
  let string = "";
  console.log(sentences);
  for (let i = 0; i <= sentences.length - 1; i++) {
    if (i == 0) {
      string += sentences[i][0].toUpperCase() + sentences[i].substring(1).toLowerCase() + ".";
    } else {
      string += " " + sentences[i][1].toUpperCase() + sentences[i].substring(2).toLowerCase() + ".";
    }
  }
  console.log(string)
  document.querySelector("textarea").value = string;
})

<textarea></textarea>

<button id="proper-case">Proper Case</button>
<button id="sentence-case">Sentence Case</button>

有人能告诉我这里的问题是什么吗？

2个回答

.split('.') 操作在其最后一个数组项处返回一个空字符串，因此 sentences[i][1] 未定义。要解决此问题，您可以检查 sentence[i] 是否不是空字符串。

此外，您可以在 else 情况下使用 String.trimLeft()。

Fernando Souza
2021-12-19

此行导致错误。

string += " " + sentence[i][1].toUpperCase() + sentence[i].substring(2).toLowerCase() + ".";

您的拆分在某个点处将字符串分开。如果该点后没有任何内容，则数组中也会有一个空元素。这就是 [0] 引发错误的原因。因为 lerrer 字符串没有第一个字符。要修复错误，您必须首先捕获这种情况。

例如 

document.getElementById("sentence-case").addEventListener("click", function() {
  let sentences = document.querySelector("textarea").value.split(".");
  let string = "";
  console.log('=>', sentences);
  for (let i = 0; i <= sentences.length - 1; i++) {
    if (i == 0) {
      string += sentences[i][0].toUpperCase() + sentences[i].substring(1).toLowerCase() + ".";
    } else {
      console.log(sentences[i][1]);
      let s1 = ''      
      let s3 = ''      
      if(typeof sentences[i][0] !== "undefined") {        
        s1 = " " + sentences[i][0].toUpperCase();
        s3 = ".";
      } 
      string += s1 + sentences[i].substring(2).toLowerCase() + s3;
    }
  }
  console.log(string)
  document.querySelector("textarea").value = string;
})
Maik Lowrey
2021-12-19