JavaScript 字符串

概述

    字符串在JavaScript中几乎无处不在,在你处理用户的输入数据的时候,在读取或设置DOM对象的属性时,在操作cookie时,当然还有更 多...。JavaScript的核心部分提供了一组属性和方法用于通用的字符串操作,如分割字符串,改变字符串的大小写,操作子字符串等。


字符串的创建

创建一个字符串有几种方法。最简单的是用引号将一组字符包含起来,可以将其赋值给一个字符串变量。
var myStr = "Hello, String!";
可以用双引号或单引号将字符串包含,但要注意,作为界定字符串的一对引号必须是相同的,不能混用。
像var myString = "Fluffy is a pretty cat.'; 这样的声明就是非法的。
允许使用两种引号,使得某些操作变得简单,比如将一种嵌入另外一种:

document.write("<img src='img/logo.jpg' height='30' width='100' alt='Logo'>");

 

字符串的拼接

非常简单,就用一个"+"将两个字符串"相加":

var longString = "One piece " + "plus one more piece.";

要将多个字符串累积为一个字符串,还可以使用"+="操作符:

var result = "";
result += "My name is Anders"
result += " and my age is 25";  

 要在字符串中添加换行符,需要使用转义字符"\n":

var confirmString = "You did not enter a response to the last " +
"question.\n\nSubmit form anyway?";
var confirmValue = confirm(confirmString);


字符串长度

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

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>
<script>
var txt = "Hello World!";
document.write("<p>" + txt.length + "</p>");
var txt="what are you doing ?";
document.write("<p>" + txt.length + "</p>");
</script>
</body>
</html>


特殊字符

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

因为这样,以下实例 JavaScript 无法解析:x

 "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    换页符

字符串可以是对象

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>
<p id="demo"></p>
<script>
var x = "John";              // x是一个字符串
var y = new String("John");  // y是一个对象
document.getElementById("demo").innerHTML =typeof x + " " + typeof y;
</script>
</body>
</html>

 注意:

不要创建 String 对象。它会拖慢执行速度,并可能产生其他副作用    


字符串属性和方法

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

原始值可以使用 JavaScript 的属性和方法,因为 JavaScript 在执行方法和属性时可以把原始值当作对象。


Weiter lernen
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> <script> var name = '小明'; var age = 20; var message = '你好, ' + name + ', 你今年' + age + '岁了!'; alert(message); </script> </head> <body> </body> </html>
einreichenCode zurücksetzen