JavaScript >> Javascript 文檔 >  >> Tags >> string

在 JavaScript 中創建多行字符串 [附示例]

有多種方法可以在 JavaScript 中創建跨多行的文本 - 就在這裡!

方法一:反引號

這是最好的方法,所以它先行。它僅與 ECMAScript 6 及更高版本兼容,因此僅適用於現代瀏覽器(實際上,如果您使用的任何瀏覽器不是 Internet Explorer,您應該沒問題,但您應該始終在您要定位的瀏覽器)。

var multiText = `
    This is
    multiline
    text!`;

console.log(multiText) // Will output text, on multiple lines

只需將多行文本(包括新行)包含在 反引號中 而不是引號將創建適當的多行文本。

這稱為模板文字, 一種允許嵌入表達式和換行的字符串變量。

方法2:轉義換行符

您可以添加反斜杠 (\ ) 在單引號或雙引號字符串中的每行末尾,以轉義後面的不可見換行符,以便將其包含在字符串中而不是解析:

var multiText = "\
    This is \
    multiline \
    text!";

console.log(multiText) // Will output text, on multiple lines

此方法應該適用於舊版瀏覽器,但一般不推薦使用。

請記住,如果您的文本中出現奇怪的空白,您可能需要刪除代碼縮進。

結論

當你在操作 JavaScript 字符串時,何不嘗試一下:

  • 將字符串轉換為小寫
  • 測量字符串的長度

Tutorial JavaScript 教程
  1. 帶視頻的 VueJS 組合 API 示例應用程序

  2. 我們應該使用 CDN 還是本地下載庫?

  3. 如何在 Chrome 中為從 MediaRecorder 錄製的音頻添加預定義長度?

  4. React Native 0.63 預發布

  5. 👻 setInterval() 的噩夢般危險的默認行為

  6. Axios 異步/等待重試

  7. 鉤子世界中的 React 類組件

  1. React Native + Typescript + Styled 組件簡介

  2. 1 行代碼:如何將 \newlines 轉換為 <breaks />

  3. 使用 SwiftUI 構建 iOS 應用程序:示例教程

  4. 二和解。

  5. JavaScript 數組到底是什麼?

  6. 在 Create React App &Netlify 中配置環境變量

  7. FrameWarp - jQuery 插件,用於在整潔的疊加層中顯示頁面

  1. 如何在 React 中創建自定義單選按鈕

  2. JavaScript 中的睡眠()

  3. 如何使用 Node.js 和 Express 讀寫 CSV 文件

  4. 發布 0.2.2 或,站在小項目的肩膀上