JavaScript中的字符串

我们知道字符串（String）类型是 JavaScript 中的基本数据类型之一，也是最常用的数据类型啦。下面我们来学习一下关于字符串的属性方法以及其的使用等。

什么是字符串

JavaScript 字符串其实很好理解，就是被包围在单引号或双引号中的任意字符。字符串可以用于存储和处理文本。

示例：

例如像下面这样声明的变量都是字符串类型：

var str1 = "123";

var str2 = '12356';

var str3 = "你好，侠课岛";

var str4 = 'hello summer';

var str5 = 'good_boy';

一般情况下字符串就是一个或多个字符组成，除此之外，我们还可以使用 new 关键字将字符串定义为一个对象：

var name = new String("summer");

console.log(name);  // 输出：summer

不过一般情况下我们最好不要创建 String 对象，因为这可能会导致执行速度变慢。

通过索引访问字符串

在 JavaScript 语言中我们可以通过索引来访问字符串中的每个字符，字符串的索引也是从 0 开始，第一个字符索引值为 [0]，第二个字符索引值为[1]，以此类推。

示例：

例如下述代码中，我们定义了一个字符串类型的变量 username，然后输出变量中索引值为1的字符：

var username = "summer";

console.log(username[1]);  // 输出： u

因为索引是从 0 开始计数，那么索引为1，那应该就是字符串中的第二个字符串，也就是 u。

获取字符串的长度

我们先来看下面这个字符串：

var hobby = "basketball";

你能知道这个字符串的长度为多少吗，其实你数一下就能知道，这个字符串的长度就是10。因为这个字符串有10个字符，所以它的长度为10。

这里要注意的是，字符串里面包含的空格也是会计入长度的，有1个空格长度加1，2个空格长度加2。

在 JavaScript 语言中，我们可以使用 length 属性来获取字符串长度，length 属性用于返回字符串的长度(字符数)。

示例：

例如获取下面这个变量 hobby 的长度并输出：

var hobby = "basketball";

console.log(hobby.length);  // 输出：10

实际使用时，可能会遇到带有空格的字符串，那么空格会计入字符的长度吗，我们来看看：

var str1 = "hello xkd";
console.log(str1.length);  // 输出：9

通过输出结果我们可以知道，空格也会计入字符串的长度的。

从字符串的长度和索引的关系，我们可以得出一个结论，索引是从0开始，到length-1 结束的。

转义字符

有些时候，字符串可能无法被解析，例如下面这个字符串：

var str1 = "嘿,你好呀~，"侠课岛"";
console.log(str1);  // Uncaught SyntaxError: Unexpected identifier

那这个时候要怎么办呢，我们可以使用反斜杆 \ 来转义字符串中的双引号。

示例：

var str1 = "嘿,你好呀~，\"侠课岛\"";

console.log(str1);   //输出：嘿,你好呀~，"侠课岛"

转义字符\可以用于转义撇号，换行，引号，等其他特殊字符。下面是一些可以用于转义字符转义的特殊字符：

• \'：单引号。
• \"：双引号。
• \\：反斜杠。
• \n：换行符。
• \r：回车符。
• \t：制表符（tab）。
• \b：退格符。
• \f：换页符。

字符串的方法

字符串的方法有很多，下面我们简单来看一些比较常用到的几个方法：

• toLowerCase()：此方法用于把字符串转为小写，并返回新的字符串。

var str1 = "Hello XKD";
console.log(str1.toLocaleLowerCase());  

//输出： hello xkd

• toUpperCase()：此方法用于把字符串转为大写，并返回新的字符串。

var str1 = "Hello XKD";
console.log(str1.toUpperCase());  

//输出： HELLO XKD

• toString()：用于返回一个表示 String 对象的值。

var str1 = "Hello";
console.log(str1.toString());  

//输出： Hello

• concat()： 用于连接两个或多个字符串。

var str1 = "Hello";
var str2 = "xkd";
console.log(str1.concat(str2));  

//输出： Helloxkd

• indexOf()：返回某个指定的子字符串在字符串中第一次出现的位置。

var str1 = "Hello xkd, Congratulations on login!";
console.log(str1.indexOf('xkd'));  

//输出： 6

• lastIndexOf()：返回某个指定的子字符串在字符串中最后出现的位置。

var str1 = "Hello xkd, Congratulations on login!";
console.log(str1.lastIndexOf('o'));   

//输出： 31

• slice()： 返回字符串中提取的子字符串。

var str1 = "Hello xkd, Congratulations on login!";
console.log(str1.slice(6, 8)); 

//输出： xk

• split()：把字符串分割成字符串数组。

var str1 = "Hello xkd, Congratulations on login!";
console.log(str1.split(" "));  

//输出： ["Hello", "xkd,", "Congratulations", "on", "login!"]

• substring()：提取字符串中介于两个指定下标之间的字符。

var str1 = "Hello xkd, Congratulations on login!";
console.log(str1.substring(11, 17));  

//输出： Congra

• replace()：在字符串中用一些字符替换另一些字符，或替换一个与正则表达式匹配的子串。

var str1 = "Hello xkd, Congratulations on login!";
console.log(str1.replace("xkd", "summer"));  

//输出： Hello summer, Congratulations on login!

• match()：返回所有查找的关键字内容的数组。

var str1 = "Hello xkd, Congratulations on login!";
console.log(str1.match(/on/g));  

//输出： ["on", "on", "on"]