05 JS字符串函数

一、JavaScript 字符串

字符串可以存储一系列字符，如 "John Doe"。

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

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

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

var character = carname[7];

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

你可以在字符串中使用引号，字符串中的引号不要与字符串的引号相同:

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

你也可以在字符串添加转义字符来使用引号：

var x = 'It\'s alright';
var y = "He is called \"Johnny\"";

尝试一下 »

二、字符串长度

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

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

尝试一下 »

三、特殊字符

在 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：换页符

四、字符串可以是对象

通常， JavaScript 字符串是原始值，可以使用字符创建： var firstName = "John"

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

var x = "John";
var y = new String("John");
typeof x // 返回 String
typeof y // 返回 Object

尝试一下 »

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

var x = "John";             
var y = new String("John");
(x === y) // 结果为 false，因为 x 是字符串，y 是对象

尝试一下 »

=== 为绝对相等，即数据类型与值都必须相等。

五、字符串属性

• constructor：返回创建字符串属性的函数
• length：返回字符串的长度
• prototype：允许您向对象添加属性和方法

六、字符串方法

indexOf() ：在字符串中查找字符串

字符串使用 indexOf() 来定位字符串中某一个指定的字符首次出现的位置：

ar str="Hello world, welcome to the universe.";
var n=str.indexOf("welcome");

尝试一下 »

如果没找到对应的字符函数返回-1

lastIndexOf() 方法在字符串末尾开始查找字符串出现的位置。

match()：内容匹配

match()函数用来查找字符串中特定的字符，并且如果找到的话，则返回这个字符。

var str="Hello world!";
document.write(str.match("world") + "<br>");
document.write(str.match("World") + "<br>");
document.write(str.match("world!"));

尝试一下 »

replace() ：替换内容

replace() 方法在字符串中用某些字符替换另一些字符。

str="Please visit Microsoft!"
var n=str.replace("Microsoft","Runoob");

尝试一下 »

toUpperCase() / toLowerCase():字符串大小写转换

字符串大小写转换使用函数 toUpperCase() / toLowerCase():

var txt="Hello World!";       // String
var txt1=txt.toUpperCase();   // txt1 文本会转换为大写
var txt2=txt.toLowerCase();   // txt2 文本会转换为小写

尝试一下 »

split()：字符串转为数组

字符串使用split()函数转为数组:

txt="a,b,c,d,e"   // String
txt.split(",");   // 使用逗号分隔
txt.split(" ");   // 使用空格分隔
txt.split("|");   // 使用竖线分隔

尝试一下 »

更多方法实例可以参见：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()：返回某个字符串对象的原始值