在 JavaScript 类型转换中,“+” 运算符的重要性是什么?


Java script 是一种大部分时间自主运行的语言,操作直接将值转换为其写入类型。但是,也有一些情况我们需要进行显式类型转换。

虽然 Java script 提供了许多将数据从一种形式转换为另一种形式的方法。但是,有两种最常见的转换类型。

  • 将值转换为字符串。

  • 将值转换为数字。

隐式转换

JavaScript 中有各种运算符和函数可以自动将值转换为正确的类型,例如 JavaScript 中的 alert() 函数接受任何值并将其转换为字符串。但是,各种运算符会产生问题,例如“+”运算符。

Input "5" + "5" output : "55"
Here "+" operator stands for string concatenation in that case.

Input "5" - "2" output : "3"
Here output is 2 because Implict Conversion.

示例:1

以下示例演示了 JavaScript 中的隐式类型转换。

<!DOCTYPE html>
<html>
<head>
   <title>type conversion</title>
</head>
<body>
   <script>
      document.write('("5" - "3") = ' + ("5" - "3") + "<br>");
      document.write('("5" - 3) = ' + ("5" - 3) + "<br>");
      document.write('("5" * "2") = ' + "5" * "2" + "<br>");
      document.write('("5" % "2") = ' + ("5" % "2") + "<br>");
      document.write('("5" + null) = ' + ("5" + null) + "<br>");
   </script>
</body>
</html>

注意− 在上述示例中,“+”运算符仅连接值,因为“+”运算符代表字符串。

示例 2:将值转换为字符串

String()toString() 是 JavaScript 中的两个函数,它们将值转换为字符串。

在以下示例中,我们将数字转换为字符串,布尔值转换为字符串,以及日期转换为字符串。

<!DOCTYPE html>
<html>
<head>
   <title>type conversion</title>
</head>
<body>
   <script>
      // Number and date has been assigned
      // to variable A and B respectively
      var A = 155;
      var B = new Date("1995-12-17T03:24:00");
      
      // number to string
      document.write(" String(A) = " + String(A) + "<br>");
      
      // number to string
      document.write(" String(A + 11) = " + String(A + 11) + "<br>");
      document.write(" String( 10 + 10) = " + String(10 + 10) + "<br>");
      
      // boolean value to string
      document.write(" String(false) = " + String(false) + "<br>");
      
      // Date to string
      document.write(" String(B) = " + String(B) + "<br>");
   </script>
</body>
</html>

示例 3

在以下代码中,我们解释了“+”运算符如何在不同类型的数据中工作。

如果我们在两个数字之间使用“+”,它将直接将数字相加,并将输出作为总数值。

如果我们在一个字符串和一个数字之间使用“+”,它将连接数字,并将输出作为字符串值。

如果我们在两个字符串之间使用“+”,它将连接字符串,并形成一个字符串值。

<!DOCTYPE html>
<html>
<head>
   <title>type conversion</title>
</head>
<body>
   <script>
      document.write(5 + 5 + "<br/>");
      document.write( "One is a string and one is a number:" + "5" + 5 + "<br/>" );
      document.write( "One is a number and one is the string:" + 5 + "5" + "<br/>" );
      document.write(" Both are strings: " + "5" + "5" + "<br/>");
   </script>
</body>
</html>

更新于:2022-12-06

171 次查看

开启你的 职业生涯

通过完成课程获得认证

开始学习
广告