JavaScript 字元串

来源:https://www.cnblogs.com/sysoft/archive/2019/10/12/11658575.html
-Advertisement-
Play Games

JavaScript 字元串用於存儲和操作文本。 JavaScript 字元串 JavaScript 字元串是引號中的零個或多個字元。 實例 var x = "Bill Gates" 您能夠使用單引號或雙引號: 實例 var carname = "Porsche 911"; var carname ...


JavaScript 字元串用於存儲和操作文本。

JavaScript 字元串

JavaScript 字元串是引號中的零個或多個字元。

實例

var x = "Bill Gates"

您能夠使用單引號或雙引號:

實例

var carname = "Porsche 911";
var carname = 'Porsche 911';

您可以在字元串中使用引號,只要不匹配圍繞字元串的引號即可:

實例

var answer = "It's good to see you again!";
var answer = "He is called 'Bill'";
var answer = 'He is called "Bill"';

字元串長度

內建屬性 length 可返回字元串的長度

實例

var txt = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
var sln = txt.length;

特殊字元

由於字元串必須由引號包圍,JavaScript 會誤解這段字元串:

var y = "中國是瓷器的故鄉,因此 china 與"China(中國)"同名。"

該字元串將被切為 "中國是瓷器的故鄉,因此 china 與"。

避免此問題的解決方法是,使用 \ 轉義字元

反斜杠轉義字元把特殊字元轉換為字元串字元:

代碼結果描述
\' ' 單引號
\" " 雙引號
\\ \ 反斜杠

實例

序列 \" 在字元串中插入雙引號:

實例

var x = "中國是瓷器的故鄉,因此 china 與\"China(中國)\"同名。"

序列 \' 在字元串中插入單引號:

實例

var x = 'It\'s good to see you again';

序列 \\ 在字元串中插入反斜杠:

實例

var x = "字元 \\ 被稱為反斜杠。";

轉義字元(\)也可用於在字元串中插入其他特殊字元。

其他六個 JavaScript 中有效的轉義序列:

代碼結果
\b 退格鍵
\f 換頁
\n 新行
\r 回車
\t 水平製表符
\v 垂直製表符

這六個轉義字元最初設計用於控制打字機、電傳打字機和傳真機。它們在 HTML 中沒有任何意義。

長代碼行換行

為了最佳可讀性, 程式員們通常會避免每行代碼超過 80 個字元串。

如果某條 JavaScript 語句不適合一整行,那麼最佳換行位置是某個運算符之後:

實例

document.getElementById("demo").innerHTML =
"Hello Kitty.";
document.getElementById("demo").innerHTML = "Hello \
Kitty!";

\ 方法並不是 ECMAScript (JavaScript) 標準。

某些瀏覽器也不允許 \ 字元之後的空格。

對長字元串換行的最安全做法(但是有點慢)是使用字元串加法:

實例

document.getElementById("demo").innerHTML = "Hello" + 
"Kitty!";

請不要把字元串創建為對象。它會拖慢執行速度。

new 關鍵字使代碼複雜化。也可能產生一些意想不到的結果:

當使用 == 相等運算符時,相等字元串是相等的:

實例

var x = "Bill";             
var y = new String("Bill");

// (x == y) 為 true,因為 x 和 y 的值相等

當使用 === 運算符時,相等字元串是不相等的,因為 === 運算符需要類型和值同時相等。

實例

var x = "Bill";             
var y = new String("Bill");

// (x === y) 為 false,因為 x 和 y 的類型不同(字元串與對象)

甚至更糟。對象無法比較:

實例

var x = new String("Bill");             
var y = new String("Bill");

// (x == y) 為 false,因為 x 和 y 是不同的對象

請註意 (x==y) 與 (x===y) 的區別。

JavaScript 對象無法進行對比,比較兩個 JavaScript 將始終返回 false。

 

-------------------------------------------------------------------------------------------------

文章來源:www.sysoft.net.cn,加v:15844800162深度交流

 

 


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 一、vue-router 1、簡介 (1)SPA:Single Page Application(單頁應用),簡單理解就是只有一個web頁面的應用。即載入單個HTML頁面,並根據用戶與程式的交互 動態更新頁面的 web應用程式。其載入頁面時不會載入整個頁面,只是更新部分內容。 (2)路由:指的是SP ...
  • 函數化編程 百科定義: 函數化編程: 又稱泛函數編程,是一種編程泛式,它將電腦運算視為數學上的函數計算,並且避免使用程式狀態以及易變對象。 簡單理解,以函數為單元,對複雜邏輯進行拆分,將複雜邏輯轉化為多個簡單函數邏輯,同時通過對函數進行層層調用,來達到最終目的。 特點: 函數可以作為參數傳入,也可以 ...
  • 一、總體思路: 1、表格無邊框,背景顏色設置一種顏色(#DCDFE6),這樣表格的邊框的顏色就是表格的背景顏色; 2、單元格間距為1px,背景顏色設置為白色(#FFFFFF) 二、效果圖 ...
  • 接前幾天寫的一篇博客 https://www.cnblogs.com/ttjm/p/11307462.html 在ie瀏覽器測試發現打不開,經調查問題如下 1 如果在本地開發調試,請求介面報錯如下 經查是項目啟動和介面地址不同源ie有所限制,只需npm run build 放到伺服器上測試即可 2 ...
  • var time = new Date(); // var day=time.getDate(); // var hours=time.getHours; // var minutes=time.getMinutes(); // var seconds=time.getSeconds(); var ...
  • 1 <!DOCTYPE html> 2 <html lang="en"> 3 4 <head> 5 <meta charset="UTF-8"> 6 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 7 <m... ...
  • 定義和用法 reduce() 方法接收一個函數作為累加器,數組中的每個值(從左到右)開始縮減,最終計算為一個值。 註意: reduce() 對於空數組是不會執行回調函數的。 瀏覽器支持 |方法|Chrome|Edge|Firefox|Safari|Opera| |: :|: :|: :|: :|: ...
  • 在寫主題樣式的時候經常會碰到用背景圖鋪滿整個背景的需求,這裡分享下使用方法 需要的效果 以圖片bg.jpg為例 最簡單,最高效的方法 CSS3.0 歸功於css3.0新增的一個屬性background-size,可以簡單的實現這個效果,這裡用fixed和center定位背景圖,然後用backgrou ...
一周排行
    -Advertisement-
    Play Games
  • 前言 在我們開發過程中基本上不可或缺的用到一些敏感機密數據,比如SQL伺服器的連接串或者是OAuth2的Secret等,這些敏感數據在代碼中是不太安全的,我們不應該在源代碼中存儲密碼和其他的敏感數據,一種推薦的方式是通過Asp.Net Core的機密管理器。 機密管理器 在 ASP.NET Core ...
  • 新改進提供的Taurus Rpc 功能,可以簡化微服務間的調用,同時可以不用再手動輸出模塊名稱,或調用路徑,包括負載均衡,這一切,由框架實現並提供了。新的Taurus Rpc 功能,將使得服務間的調用,更加輕鬆、簡約、高效。 ...
  • 順序棧的介面程式 目錄順序棧的介面程式頭文件創建順序棧入棧出棧利用棧將10進位轉16進位數驗證 頭文件 #include <stdio.h> #include <stdbool.h> #include <stdlib.h> 創建順序棧 // 指的是順序棧中的元素的數據類型,用戶可以根據需要進行修改 ...
  • 前言 整理這個官方翻譯的系列,原因是網上大部分的 tomcat 版本比較舊,此版本為 v11 最新的版本。 開源項目 從零手寫實現 tomcat minicat 別稱【嗅虎】心有猛虎,輕嗅薔薇。 系列文章 web server apache tomcat11-01-官方文檔入門介紹 web serv ...
  • C總結與剖析:關鍵字篇 -- <<C語言深度解剖>> 目錄C總結與剖析:關鍵字篇 -- <<C語言深度解剖>>程式的本質:二進位文件變數1.變數:記憶體上的某個位置開闢的空間2.變數的初始化3.為什麼要有變數4.局部變數與全局變數5.變數的大小由類型決定6.任何一個變數,記憶體賦值都是從低地址開始往高地 ...
  • 如果讓你來做一個有狀態流式應用的故障恢復,你會如何來做呢? 單機和多機會遇到什麼不同的問題? Flink Checkpoint 是做什麼用的?原理是什麼? ...
  • C++ 多級繼承 多級繼承是一種面向對象編程(OOP)特性,允許一個類從多個基類繼承屬性和方法。它使代碼更易於組織和維護,並促進代碼重用。 多級繼承的語法 在 C++ 中,使用 : 符號來指定繼承關係。多級繼承的語法如下: class DerivedClass : public BaseClass1 ...
  • 前言 什麼是SpringCloud? Spring Cloud 是一系列框架的有序集合,它利用 Spring Boot 的開發便利性簡化了分散式系統的開發,比如服務註冊、服務發現、網關、路由、鏈路追蹤等。Spring Cloud 並不是重覆造輪子,而是將市面上開發得比較好的模塊集成進去,進行封裝,從 ...
  • class_template 類模板和函數模板的定義和使用類似,我們已經進行了介紹。有時,有兩個或多個類,其功能是相同的,僅僅是數據類型不同。類模板用於實現類所需數據的類型參數化 template<class NameType, class AgeType> class Person { publi ...
  • 目錄system v IPC簡介共用記憶體需要用到的函數介面shmget函數--獲取對象IDshmat函數--獲得映射空間shmctl函數--釋放資源共用記憶體實現思路註意 system v IPC簡介 消息隊列、共用記憶體和信號量統稱為system v IPC(進程間通信機制),V是羅馬數字5,是UNI ...