在 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>
广告