自拍偷在线精品自拍偷,亚洲欧美中文日韩v在线观看不卡

一篇文章帶你了解JavaScript字符串

開發(fā) 前端
本文基于JavaScript,介紹了字符串相關(guān)操作 。對字符在實際應(yīng)用的時,需要注意什么,應(yīng)該怎么去運用,做了詳細的講解。

一、什么是字符串?

一個JavaScript字符串簡單的存儲一系列字符像 "John Doe"。一個字符串可以是任何引號內(nèi)的文本。可以使用單引號或雙引號:?

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>項目</title>
</head>
<body style="background-color: aqua;">


<p id="demo"></p>


<script>


var carName1 = "Volvo XC60";
var carName2 = 'Volvo XC60';


document.getElementById("demo").innerHTML =
carName1 + "<br>" + carName2;
</script>


</body>
</html>

圖片

可以在字符串中使用引號,只要不匹配字符串周圍的引號。?

var answer1 = "It's alright";
var answer2 = "He is called 'Johnny'";
var answer3 = 'He is called "Johnny"';

圖片

二、String 長度

使用內(nèi)建的字符串長度屬性判斷長度:?

<script>
var txt = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
document.getElementById("demo").innerHTML = txt.length;
</script>

圖片

三、特殊字符

因為字符串必須用引號,JavaScript會誤解這樣的字符串:?

var y = "We are the so-called "Vikings" from the north."

字符串將被截斷到 "We are the so-called "。避免這個問題的解決方案, 是使用 ??\?? 字符。

反斜杠轉(zhuǎn)義字符,將字符轉(zhuǎn)義:?

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>項目</title>
</head>
<body style="background-color: aqua;">


<p id="demo"></p>


<script>


var x = 'It\'s alright';
var y = "We are the so-called \"Vikings\" from the north.";


document.getElementById("demo").innerHTML = x + "<br>" + y;
</script>


</body>
</html>

圖片

1. 轉(zhuǎn)義符

轉(zhuǎn)義符也可以用來在字符串中插入其他的特殊字符,這些都是常用的特殊字符,可以在特殊本文前面插入一個反斜線。

代碼

輸出

'

單引號

"

雙引號

\

反斜線

五種其他轉(zhuǎn)義字符在JavaScript中是有效的:

代碼

輸出

\b

退格

\r

回車

\f

表單反饋

\t

水平制表符號

\v

垂直制表符號

以上的轉(zhuǎn)義字符最初是用于控制打字機,電傳,傳真機。他們在HTML中不再有的任何意義.

四、代碼換行

為了達到最佳的可讀性,通常喜歡避免超過80個字符的代碼行,如果一個JavaScript語句不適合寫在一行,最好在操作符的地方換行:?

document.getElementById("demo").innerHTML =
"Hello Dolly.";

圖片

也可以把代碼寫在一個有反斜杠的文本字符串內(nèi)。?

document.getElementById("demo").innerHTML =
"Hello Dolly.";

??\???方法不是首選方法,它可能沒有普遍支持,有些瀏覽器不允許字符 ??\?? 后面的空格。

圖片

一個更安全的方法來換行一個字符串,是使用字符串加法:?

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

圖片

不能在一個代碼行加上一個反斜杠來實現(xiàn)換行:

document.getElementById("demo").innerHTML = \
"Hello Dolly!";
/*不能在一個代碼行加上一個反斜杠來實現(xiàn)換行,會顯示不出來 */

圖片

五、總結(jié)

本文基于JavaScript,介紹了字符串相關(guān)操作 。對字符在實際應(yīng)用的時,需要注意什么,應(yīng)該怎么去運用,做了詳細的講解。

對于那些特殊的字符( 轉(zhuǎn)義符),用豐富的效果圖 講解了JavaScript中什么是有效的字符,能夠讓讀者更好的理解。

責(zé)任編輯:武曉燕 來源: 前端進階學(xué)習(xí)交流
相關(guān)推薦

2023-07-30 15:18:54

JavaScript屬性

2021-01-26 23:46:32

JavaScript數(shù)據(jù)結(jié)構(gòu)前端

2021-03-09 14:04:01

JavaScriptCookie數(shù)據(jù)

2021-06-24 09:05:08

JavaScript日期前端

2023-09-06 14:57:46

JavaScript編程語言

2024-01-30 13:47:45

2024-04-19 14:23:52

SwitchJavaScript開發(fā)

2021-03-05 18:04:15

JavaScript循環(huán)代碼

2021-05-18 08:30:42

JavaScript 前端JavaScript時

2020-11-10 10:48:10

JavaScript屬性對象

2021-01-29 18:41:16

JavaScript函數(shù)語法

2021-02-02 18:39:05

JavaScript

2021-06-04 09:56:01

JavaScript 前端switch

2024-05-17 16:22:25

JavaScript

2020-10-27 11:24:29

avaScript m

2021-07-02 10:00:50

JavaScriptObject 函數(shù)

2020-12-23 08:12:08

javascriptSVG腳本SVG元素

2024-08-16 15:44:53

JavaScriptWhile循環(huán)

2022-01-21 11:28:59

window瀏覽器JavaScript

2021-11-16 07:54:33

JavaScript導(dǎo)航HTML
點贊
收藏

51CTO技術(shù)棧公眾號