如何在 JavaScript 中声明字符串变量?

javascriptweb developmentfront end technology

JavaScript 是一种无类型语言。这意味着 JavaScript 变量可以保存任何数据类型的值。要在 JavaScript 中声明变量,您需要使用 varletconst 关键字。无论是字符串还是数字,都使用 varletconst 关键字进行声明。但要声明字符串变量,我们必须将字符串放在双引号或单引号内。

以下是如何在 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

这个新模板解决了在字符串中使用单引号或双引号的问题,通过这个反引号选项,可以在字符串中使用任何特殊字符,而无需使用任何反斜杠。


相关文章