如何在JavaScript中宣告字串變數?


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

這個新的模板解決了在字串中使用單引號或雙引號的問題,使用反引號選項,可以在字串中使用任何特殊字元,而無需使用任何反斜槓。

更新於:2023年9月14日

28K+ 次瀏覽

開啟你的職業生涯

完成課程獲得認證

開始學習
廣告
© . All rights reserved.