如何在 JavaScript 中声明字符串变量?
javascriptweb developmentfront end technology
JavaScript 是一种无类型语言。这意味着 JavaScript 变量可以保存任何数据类型的值。要在 JavaScript 中声明变量,您需要使用 var、let 或 const 关键字。无论是字符串还是数字,都使用 var、let 或 const 关键字进行声明。但要声明字符串变量,我们必须将字符串放在双引号或单引号内。
以下是如何在 JavaScript 中声明字符串 -
var name = "David"; var subject = "Programming";
示例
您可以尝试运行以下代码来了解如何在 JavaScript 中声明字符串 –
<html> <head> <title>JavaScript Strings</title> </head> <body> <script> var re = "java"; var str = "Learn java"; if ( str.search(re) == -1 ){ document.write("Not found!" ); } else { document.write("Found!" ); } </script> </body> </html>
输出
这将产生以下结果 -
Found!
在上述程序中,我们在另一个字符串"Learn java"中搜索字符串"java"。
处理引号
有时字符串本身包含引号(单引号和/或双引号),因此 JavaScript 可能会误解它,如下例所示 -
var str = "In elementary school, we learn "basic skills" like reading and writing";
示例
请参阅下面的完整示例 -
<html> <head> <title>JavaScript Strings</title> </head> <body> <script> var str1 = 'It is 5 o' clock in the morning.'; var str2 = "In elementary school, we learn "basic skills" like reading and writing"; document.write(str1 + "</br>" ); document.write(str2 + "</br>"); </script> </body> </html>
输出
由于突然使用引号,编译器将在打印上述语句时显示语法错误。
Uncaught SyntaxError: Unexpected identifier (at index.html:8:53)
因此,要打印这些类型的语句,我们必须使用带反斜杠 (\) 的引号,如下所示 -
var sentence = "In elementary school we learn \"basic skills\" like reading and writing";
示例
现在查看下面的完整示例 -
<html> <head> <title>JavaScript Strings</title> </head> <body> <script> var str1 = 'It is 5 o'clock in the morning.'; var str2 = "In elementary school, we learn "basic skills" like reading and writing"; document.write(str1 + "</br>" ); document.write(str2 + "</br>"); </script> </body> </html>
输出
它将产生以下结果
It is 5 o’clock in the morning. In elementary school, we learn "basic skills" like reading and writing
字符串作为对象
在 JavaScript 中,也可以使用关键字"new"将字符串定义为对象,如下所示
var obj = new String("Tutorials Point");
示例
在下面的示例中,我们将字符串变量定义为对象。
<html> <head> <title>JavaScript Strings</title> </head> <body> <script> var obj = new String("Welcome to Tutorials Point"); document.write(obj); </script> </body> </html>
输出
这将产生以下结果 -
Welcome to Tutorials Point
ES6 JavaScript 中的字符串
ES6 引入了模板文字,允许您使用反引号 (`) 字符定义字符串,如下所示 −
var str = `In elementary school we learn "basic skills" like reading and writing`;
示例
在下面的示例中,我们使用反引号定义一个字符串变量。
<html> <head> <title>JavaScript Strings</title> </head> <body> <script> var str1 = `It is 5 o'clock in the morning.`; var str2 = `In elementary school, we learn "basic skills" like reading and writing`; document.write(str1 + "</br>" ); document.write(str2 + "</br>"); </script> </body> </html>
输出
这将产生以下结果 -
It is 5 o'clock in the morning. In elementary school, we learn "basic skills" like reading and writing
这个新模板解决了在字符串中使用单引号或双引号的问题,通过这个反引号选项,可以在字符串中使用任何特殊字符,而无需使用任何反斜杠。