字符串
字符串是 JavaScript 的一种基本的数据类型。
String 对象的 length 属性声明了该字符串中的字符数。
String 类定义了大量操作字符串的方法,例如从字符串中提取字符或子串,或者检索字符或子串。
需要注意的是,JavaScript 的字符串是不可变的(immutable),String 类定义的方法都不能改变字符串的内容。像 String.toUpperCase() 这样的方法,返回的是全新的字符串,而不是修改原始字符串。
创建
我们可以通过三种方法创建字符串。
str = new String("xxx");
str = String("xxx");
str = "xxx"
多行与转义
如果要在单引号字符串的内部,使用单引号(或者在双引号字符串的内部,使用双引号),就必须在内部的单引号(或者双引号)前面加上反斜杠,用来转义。
'Did she say \'Hello\'?'
// "Did she say 'Hello'?"
"Did she say \"Hello\"?"
// "Did she say "Hello"?"
字符串默认只能写在一行内,分成多行将会报错。
'a
b
c'
// SyntaxError: Unexpected token ILLEGAL
上面代码将一个字符串分成三行,JavaScript就会报错。
如果长字符串必须分成多行,可以在每一行的尾部使用反斜杠。
var longString = "Long \
long \
long \
string";
longString
// "Long long long string"
上面代码表示,加了反斜杠以后,原来写在一行的字符串,可以分成多行,效果与写在同一行完全一样。注意,反斜杠的后面必须是换行符,而不能有其他字符(比如空格),否则会报错。
连接运算符(+
)可以连接多个单行字符串,用来模拟多行字符串。
var longString = 'Long '
+ 'long '
+ 'long '
+ 'string';
另外,有一种利用多行注释,生成多行字符串的变通方法。
(function () { /*
line 1
line 2
line 3
*/}).toString().split('\n').slice(1,-1).join('\n')
// "line 1 line 2 line 3"
反斜杠在字符串内有特殊含义,用来表示一些特殊字符,所以又称为转义符。
如果字符串的正常内容之中,需要包含反斜杠,则反斜杠前需要再加一个反斜杠,用来对自身转义。
"Prev \\ Next"
// "Prev \ Next"
操作
转换
字符串转换是最基础的要求和工作,你可以将任何类型的数据都转换为字符串,你可以用下面三种方法的任何一种:
var num= 19; // 19
var myStr = num.toString(); // "19"
你同样可以这么做:
var num= 19; // 19
var myStr = String(num); // "19"
或者,再简单点儿:
var num= 19; // 19
var myStr = "" +num; // "19"
分割
字符串分割,即将一个字符串分割为多个字符串,JavaScript中给我们提供了一个非常方便的函数,
var myStr = "I,Love,You,Do,you,love,me";
var substrArray = myStr.split(","); // ["I", "Love", "You", "Do", "you", "love", "me"];
var arrayLimited = myStr.split(",", 3); // ["I", "Love", "You"];
获取长度
字符串长度是在开发中经常要用到的,非常简单如下:
var myStr = "I,Love,You,Do,you,love,me";
var myStrLength = myStr.length; //25
查询
字符串本身提供很多操作,比如查询子字符串位置的操作。
很多人都会忘记这几个JavaScript的自带的方法,或者忘记它们的具体用法,从而导致在做题的时候不得不嵌套for循环来做。
第一个函数:indexOf(),它从字符串的开头开始查找,找到返回对应坐标,找不到返回-1。如下:
var myStr = "I,Love,you,Do,you,love,me";
var index = myStr.indexOf("you"); // 7 ,基于0开始,找不到返回-1
第二个函数:lastIndexOf(),它从字符串的末尾开始查找,找到返回对应坐标,找不到返回-1。如下:
var myStr = "I,Love,you,Do,you,love,me";
var index = myStr.lastIndexOf("you"); // 14
以上两个函数同样接收第二个可选的参数,表示开始查找的位置。
替换
单单查到字符串应该还不够,有的时候我们需要替换字符。
var myStr = "I,love,you,Do,you,love,me";
var replacedStr = myStr.replace("love","hate"); //"I,hate,you,Do,you,love,me"
默认只替换第一次查找到的,想要全局替换,需要置上正则全局标识,如
var myStr = "I,love,you,Do,you,love,me";
var replacedStr = myStr.replace(/love/g,"hate"); //"I,hate,you,Do,you,hate,me"
获取字符或其字符编码值
想要查找给定位置的字符,你可以使用如下函数:
var myStr = "I,love,you,Do,you,love,me";
var theChar = myStr.charAt(8);// "o",同样从0开始
也有简单的办法,像操作数组一样取出字符串中的字符
var myStr = "I,love,you,Do,you,love,me";
var theChar = myStr[8];// "o",同样从0开始
同样,它的一个兄弟函数就是查找对应位置的字符编码值,如:
var myStr = "I,love,you,Do,you,love,me";
var theChar = myStr.charCodeAt(8); //111
连接
字符串连接操作可以简单到用一个加法运算符搞定,如:
var str1 = "I,love,you!";
var str2 = "Do,you,love,me?";
var str = str1 + str2 + "Yes!"; //"I,love,you!Do,you,love,me?Yes!"
同样,JavaScript也自带了相关的函数,如
var str1 = "I,love,you!";
var str2 = "Do,you,love,me?";
var str = str1.concat(str2); //"I,love,you!Do,you,love,me?"
切割和提取
有三种可以从字符串中抽取和切割的方法。
第一种,使用 slice():
var myStr = "I,love,you,Do,you,love,me";
var subStr = myStr.slice(1,5);//",lov"
第二种,使用 substring():
var myStr = "I,love,you,Do,you,love,me";
var subStr = myStr.substring(1,5); //",lov"
第三种,使用 substr():
var myStr = "I,love,you,Do,you,love,me";
var subStr = myStr.substr(1,5); //",love"
substring()和substr()不同的是,substr()第二个参数代表截取的字符串最大长度
三者详细不同,可以参考这里
大小写转换
var myStr = "I,love,you,Do,you,love,me";
var lowCaseStr = myStr.toLowerCase(); //"i,love,you,do,you,love,me";
var upCaseStr = myStr.toUpperCase(); //"I,LOVE,YOU,DO,YOU,LOVE,ME"
字符串比较
比较两个字符串,比较是规则是按照字母表顺序比较的,如:
字符串就是零个或多个排在一起的字符,放在单引号或双引号之中。
var myStr = "chicken";
var myStrTwo = "egg";
var first = myStr.localeCompare(myStrTwo); // -1
first = myStr.localeCompare("chicken"); // 0
first = myStr.localeCompare("apple"); // 1
实战
- 获取文件后缀名,如
test.txt
返回txt
function getSuffix(file){
return file.slice(file.lastIndexOf(".") + 1,file.length);
}