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

作者：前端進階者 2023-03-07 10:07:04

本文基于JavaScript，介紹了字符串相關操作。對字符在實際應用的時，需要注意什么，應該怎么去運用，做了詳細的講解。

一、什么是字符串？

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

<!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 長度

使用內建的字符串長度屬性判斷長度：?

<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 "。避免這個問題的解決方案, 是使用 ??\?? 字符。

反斜杠轉義字符，將字符轉義:?

<!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. 轉義符

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

代碼	輸出
'	單引號
"	雙引號
\	反斜線

五種其他轉義字符在JavaScript中是有效的:

代碼	輸出
\b	退格
\r	回車
\f	表單反饋
\t	水平制表符號
\v	垂直制表符號

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

四、代碼換行

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

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

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

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

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

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

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

不能在一個代碼行加上一個反斜杠來實現換行：

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

五、總結

本文基于JavaScript，介紹了字符串相關操作。對字符在實際應用的時，需要注意什么，應該怎么去運用，做了詳細的講解。

對于那些特殊的字符（轉義符），用豐富的效果圖講解了JavaScript中什么是有效的字符，能夠讓讀者更好的理解。

責任編輯：武曉燕來源：前端進階學習交流

JavaScript 字符串反斜杠

成人免费xxxxx在线视频软件_久久精品久久久_亚洲国产精品久久久_天天色天天色_亚洲人成一区_欧美一级欧美三级在线观看