JavaScript 数据类型 —— 字符串

一、字符串显示

1、单行字符串显示

（1）字符串使用 '' 或 "" 括起来进行表示，如：var str = '这是一个字符串';或var str = "这是一个字符串";
（2）当字符串中同时存在 '' 和 ""时，使用转义字符\标识，如：var str = 'I\'m super man!'
（3）转义字符\可以转义很多字符，比如\n表示换行，\t表示制表符，字符\本身也要转义，所以\\表示的字符就是\
（4）ASCII字符可以以\x##形式的十六进制表示，例如：'\x41'; 表示 A
（5）还可以用\u####表示一个Unicode字符：如：\u2103 表示℃，具体的编码可以到我的另一篇文章《常用的HTML和CSS content属性特殊字符归纳》 中进行查看。

2、多行字符串显示

（1）ES6标准新增了一种多行字符串的表示方法，用反引号 `字符串`表示：

console.log(`多行
字符
串
`)

（2）当浏览器不支持ES6时，我们还是需要用最原始的办法\n来进行多行字符串的表达

console.log(“多行\n字符\n串”)

3、多个字符串连接

要把多个字符串连接起来，可以用 + 号连接：

var name = '张鑫';
var age = 27;
var message = '我叫, ' + name + ', 今年' + age + '岁了!';
console.log(message); // 我叫张鑫，今年27岁了！

从上面的例子可以看出，如果有很多变量需要连接时，用+号就比较麻烦而且不美观容易出错。ES6新增了一种模板字符串，表示方法和上面的多行字符串一样，但是它会自动替换字符串中的变量，写法如下：

var name = '张鑫';
var age = 27;
var message = `我叫, ${name}, 我今年${age}岁了!`;
console.log(message); // 我叫张鑫，今年27岁了！

二、字符串方法

1、获取字符串长度

字符串可以使用.length 获取长度

var test = '这是一个测试用字符串';
test.length; // 10

2、获取某个指定位置的字符

JavaScript为字符串提供了一些常用方法，调用这些方法本身不会改变原有字符串的内容，而是返回一个新字符串

字符串可以用类似于数组的下标方式获取指定位置的字符，索引从0开始

var test = '这是一个测试用字符串';
test[0]; // 这
test[3]; // 个
test[8]; // 符
test[11]; // undefined  超出范围的索引不会报错，但一律返回undefined

3、toUpperCase()将一个字符串中字母全部变为大写

var s = 'Hello';
s.toUpperCase(); // 返回'HELLO'

3、toLowerCase()将一个字符串中字母全部变为小写

var s = 'Hello';
s.toLowerCase(); // 返回'hello'

4、indexOf()搜索指定字符串出现的位置

var s = 'hello, world';
s.indexOf('world'); // 返回7
s.indexOf('World'); // 没有找到指定的字符串，返回-1

5、字符串截取

（1）slice(start,end)

• start代表开始位置
• end代表结束位置的下一个位置
• 截取出来的字符串的长度为length = end - start;
• 若start或end为负数,则将该值加上字符串长度后转为正值; 如

var test = '这是一个测试用字符串';
test.slice(-1);  // "串"  这里相当于是  test.slice(10-1);

• 若 start >= end,则返回空字符串.

（2）substring(start,end)

• start代表开始位置
• end代表结束位置的下一个位置
• 若start或end为负数,则将该值转为0
• start和end中,取较小值作为开始位置,截取出来的字符串的长度为较大值与较小值之间的差.

（3）substr(start,length)

• start代表开始位置,
• length代表截取的长度