12JavaScript字符串

时间 2019-12-13

标签 12javascript javascript 字符串栏目 JavaScript 繁體版

原文原文链接

JavaScript 字符串用于存储和处理文本。html

1.JavaScript 字符串

字符串能够存储一系列字符，如 "John Doe"。正则表达式

字符串能够是插入到引号中的任何字符。你可使用单引号或双引号：数组

实例：函数

var carname = "Volvo XC60";
var carname = 'Volvo XC60';

你可使用索引位置来访问字符串中的每一个字符：spa

var character = carname[7];

字符串的索引从 0 开始，这意味着第一个字符索引值为 [0],第二个为 [1], 以此类推。prototype

你能够在字符串中使用引号，字符串中的引号不要与字符串的引号相同:code

var answer = "It's alright";
var answer = "He is called 'Johnny'";
var answer = 'He is called "Johnny"';

咱们也能够在字符串添加转义字符来使用引号：htm

 1 <!DOCTYPE html>
 2 <html>
 3 <head> 
 4 <meta charset="utf-8"> 
 5 <title>Yubaba</title> 
 6 </head>
 7 <body>
 8 
 9 <p id="demo"></p>
10 <script>
11 var x = 'It\'s alright';
12 var y = "He is called \"Johnny\"";
13 document.getElementById("demo").innerHTML = x + "<br>" + y; 
14 </script>
15 
16 </body>
17 </html>

运行结果：对象

2.字符串长度

可使用内置属性 length 来计算字符串的长度blog

 1 <!DOCTYPE html>
 2 <html>
 3 <head> 
 4 <meta charset="utf-8"> 
 5 <title>Yubaba</title> 
 6 </head>
 7 <body>
 8 
 9 <script>
10 var txt = "Hello World!";
11 document.write( txt.length + "<br>");
12 var txt="ABCDEFGHIJKLMNOPQRSTUVWXYZ";
13 document.write(txt.length +"<br>");
14 </script>
15 
16 </body>
17 </html>
18 
19 //输出结果：
20 
21     12
22     26

3.特殊字符

在 JavaScript 中，字符串写在单引号或双引号中。

由于这样，如下实例 JavaScript 没法解析：

 "We are the so-called "Vikings" from the north."

上面的字符串 "We are the so-called " 被截断

如何解决以上的问题呢？可使用反斜杠 (\) 来转义 "Vikings" 字符串中的双引号，以下:

 "We are the so-called \"Vikings\" from the north."

反斜杠是一个转义字符。转义字符将特殊字符转换为字符串字符：

转义字符 (\) 能够用于转义撇号，换行，引号，等其余特殊字符。

下表中列举了在字符串中可使用转义字符转义的特殊字符：

代码	输出
\'	单引号
\"	双引号
\\	反斜杠
\n	换行
\r	回车
\t	tab(制表符)
\b	退格符
\f	换页符

4.字符串能够是对象

一般， JavaScript 字符串是原始值，可使用字符建立： var firstName = "John"

但咱们也可使用 new 关键字将字符串定义为一个对象： var firstName = new String("John")

实例：

 1 <!DOCTYPE html>
 2 <html>
 3 <head> 
 4 <meta charset="utf-8"> 
 5 <title>Yubaba</title> 
 6 </head>
 7 <body>
 8     
 9 <p id="demo"></p>
10 <script>
11 var x = "John";              // x是一个字符串
12 var y = new String("John");  // y是一个对象
13 document.getElementById("demo").innerHTML ="x类型为"+typeof x +  " , " +"y类型为"+ typeof y;
14 </script>
15 
16 </body>
17 </html>

运行结果：

不要建立 String 对象。它会拖慢执行速度，并可能产生其余反作用：

实例：

 1 <!DOCTYPE html>
 2 <html>
 3 <head> 
 4 <meta charset="utf-8"> 
 5 <title>Yubaba</title> 
 6 </head>
 7 <body>
 8 <p>x===y吗？</p>    
 9 <p id="demo"></p>
10 <script>
11 var x = "John";              // x 是字符串
12 var y = new String("John");  // y 是一个对象
13 document.getElementById("demo").innerHTML =x===y;
14 </script>
15 <p>=== 为绝对相等，即数据类型与值都必须相等。</p>
16     
17 </body>
18 </html>

运行结果：

5.字符串属性和方法

原始值字符串，如 "John", 没有属性和方法(由于他们不是对象)。

原始值可使用 JavaScript 的属性和方法，由于 JavaScript 在执行方法和属性时能够把原始值看成对象。

字符串属性

属性	描述
constructor	返回建立字符串属性的函数
length	返回字符串的长度
prototype	容许您向对象添加属性和方法

字符串方法

更多方法实例能够参见：JavaScript String 对象。

方法	描述
charAt()	返回指定索引位置的字符
charCodeAt()	返回指定索引位置字符的 Unicode 值
concat()	链接两个或多个字符串，返回链接后的字符串
fromCharCode()	将 Unicode 转换为字符串
indexOf()	返回字符串中检索指定字符第一次出现的位置
lastIndexOf()	返回字符串中检索指定字符最后一次出现的位置
localeCompare()	用本地特定的顺序来比较两个字符串
match()	找到一个或多个正则表达式的匹配
replace()	替换与正则表达式匹配的子串
search()	检索与正则表达式相匹配的值
slice()	提取字符串的片段，并在新的字符串中返回被提取的部分
split()	把字符串分割为子字符串数组
substr()	从起始索引号提取字符串中指定数目的字符
substring()	提取字符串中两个指定的索引号之间的字符
toLocaleLowerCase()	根据主机的语言环境把字符串转换为小写，只有几种语言（如土耳其语）具备地方特有的大小写映射
toLocaleUpperCase()	根据主机的语言环境把字符串转换为大写，只有几种语言（如土耳其语）具备地方特有的大小写映射
toLowerCase()	把字符串转换为小写
toString()	返回字符串对象值
toUpperCase()	把字符串转换为大写
trim()	移除字符串首尾空白
valueOf()	返回某个字符串对象的原始值