字符串

字符串是 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

实战

  1. 获取文件后缀名,如 test.txt 返回 txt
function getSuffix(file){
   return file.slice(file.lastIndexOf(".") + 1,file.length); 
}

results matching ""

    No results matching ""