如何在 JavaScript 中获取字符串的长度？

在本教程中，我们将学习如何在 JavaScript 中获取字符串的长度。

在 JavaScript 中编写任何字符串时，我们可能需要知道其中包含的字符数。通过了解在 JavaScript 中计算字符串长度的简单方法，我们可以增加或减少单词和短语。获取字符串长度的方法有很多，但最简单的方法是使用字符串的 length 属性。让我们详细讨论不同的方法。

使用 string.length 属性

如果您想使用方法而不是创建函数，那么在 JavaScript 中获取字符串长度的简单技巧是 string.length。

语法

string.length;

在语法中，我们使用 .length 获取字符串的长度。只需在字符串名称后添加 .length 即可在 JavaScript 中获取输出。

算法

步骤 1 − 使用 new String() 方法在 JavaScript 中定义一个字符串。

步骤 2 − 计算 string.length 以获取上面定义的字符串的长度。

步骤 3 − 使用 innerHTML 方法显示创建的字符串的长度。

示例 1

在这里您可以看到，在计算字符串长度时，逗号、句号以及撇号都会被计算在内。在 JavaScript 中，字符串中的每个字符都会被计算。

<html>
<body>
   <h3> Use of <i> string.length </i> Property </h3>
   <p id = "result1"> </p>
   <p id = "result2"> </p>
   <script>
      var str = "Comma, dot. and Apostrophe' are counted in a string";
      document.getElementById("result1").innerHTML = "String: " + str;
      var len = str.length;
      document.getElementById("result2").innerHTML = "Length: " + len;
   </script>
</body>
</html>

自定义函数获取字符串的长度

由于您使用的是 JavaScript，因此创建函数来获取字符串的长度是一个好方法。通过在 JavaScript 中创建 length() 函数，您不必查找任何其他方法来获取输出。您可以查看以下示例以更好地了解该函数。

语法

我们将使用以下函数来获取 JavaScript 中字符串的长度。

function lenth(str) { 
   var z = 0; 
   while (str[z] !== undefined){ 
      z++; 
   } 
   return z; 
}

算法

步骤 1− 使用 new String() 方法在 JavaScript 中创建一个字符串。

步骤 2− 按语法定义函数 length()。

步骤 3− 使用 length() 函数获取字符串的长度。

步骤 4− 显示字符串的长度。

示例 2

在下面的示例中，我们创建了一个值为“Tutorials Point Simply Easy Learning”的字符串。我们定义了一个自定义函数 length() 来查找字符串的长度。

<html>
<body>
   <h4> Custom Function to get length of a string </h4>
   <p id="result1"> </p>
   <p id="result2"> </p>
   <script>
      let x = new String("Tutorials Point Simply Easy Learning");
      document.getElementById("result1").innerHTML = x
      function length(str) {
         var z = 0;
         while (str[z] !== undefined) {
            z++;
         }
         return z;
      }
      var len = length(x)
      document.getElementById("result2").innerHTML = len;
   </script>
</body>
</html>

示例 3

在下面的示例中，我们要求用户计算一个总和。由于字符串的长度计算所有字符，如果我们使用 '17 + 17' 作为字符串而不是 34，则输出将是 7（包括空格和运算符）。

<html>
<body>
   <h4>Using <i> prompt() </i> method with <i> string.length </i> in JavaScript </h4>
   <p id = "string"> </p>
   <p id = "str"> </p>
   <script>
      var str = prompt("Write your string ...",'Two or three words'); // Get String From User.
      document.getElementById("string").innerHTML = "The Length Of Your String
      (" + str + ") is = " + str.length;
      let user = prompt("What is 17 + 17?", '34');
      function string(length) {
         var z = 0;
         while (length[z] !== undefined){
            z++;
         }
         return z;
      }
      document.getElementById("str").innerHTML = "The Length Of Your String (" + user + ") is = " + string(user);
   </script>
</body>
</html>

在本教程中，我们学习了两种不同的方法来查找字符串的长度。在第一种方法中，我们使用 String 的 length 属性。在第二种方法中，我们创建了一个自定义函数来查找字符串的长度。第一种方法是查找字符串长度的直接方法。

更新于： 2022-09-14

3K+ 次浏览

开启你的 职业生涯

通过完成课程获得认证

开始学习
广告