JavaScript 之 面向对象 [ String类型 ]

摘要：类型描述类型对应原始类型中的类型大小写转换表示将指定字符串中内容英文小小写的转换方法表示将内容转换成大写方法表示将内容转换成小写定义一个字符串将字符串转换成全大写将字符串转换成全小写根据指定位置获取字符串内容表示通过指定字符串中指定字符的位

String类型对应原始类型中的string类型

表示将指定字符串中内容（英文）小小写的转换

表示将内容转换成大写

表示将内容转换成小写

/* 定义一个字符串 */
var str = "sanbubaitou";
/* 将字符串转换成全大写 */
var s = str.toUpperCase();
console.log( s );//SANBUBAITOU
/* 将字符串转换成全小写 */
console.log( s.toLowerCase() );//sanbubaitou

表示通过指定字符串中指定字符的位置（索引值）来获取对应的内容

表示返回指定的字符内容

表示返回指定的字符内容所对应的 Unicode码

var str = "sanbubaitou";
/* length属性表示字符串的长度（字符的个数） */
console.log( str.length );// 显示 11

/* charAt()方法 */
console.log( str.charAt( 0 ) );// 显示 s
/* charCodeAt()方法 */
console.log( str.charCodeAt( 0 ) );// 显示 115（Unicode码）

表示检索目标字符串中是否存在指定字符

表示从左到右的顺序进行检索

表示从右到左的顺序进行检索

以上两种方法只能匹配到第一个与目标字符相同的字符，并显示位置信息

如果指定字符串中存在多个相同的字符，只会找到第一个，剩下的将不会再去查找

如果需要检索的字符不存在会显示 -1（固定写法）

/* 定义一个字符串 */
var str = "sanbubaitou";

/* 通过indexOf()方法进行检测 */
console.log( str.indexOf( "a" ) );// 显示 1（索引值）
/* 通过lastIndexOf()方法进行检测 */
console.log( str.lastIndexOf( "u" ) );// 显示 10（索引值）
/* 检测的目标不存在时 */
console.log( str.indexOf( "w" ) );// 显示 -1

表示对指定的字符串进行截取

表示截取指定字符串，并将截取的内容组成一个新的字符串进行返回

该方法的参数

第一个参数 - 表示开始截取的位置

第二个参数 - 表示结束截取的位置

/* 定义一个字符串 */
var str = "sanbubaitou";

/* slice()方法 */
console.log( str.slice( 4, 8 ) );// 显示 ubai

表示通过指定的长度来进行截取，并将截取的内容组成一个新的字符串进行返回

该方法的参数

第一个参数 - 表示开始截取的位置

第二个参数 - 表示截取的长度

/* 定义一个字符串 */
var str = "sanbubaitou";
/* substr()方法 */
console.log( str.substr( 5, 10 ) );// 显示 baitou

表示截取指定字符串，并将截取的内容组成一个新的字符串进行返回

该方法的参数

第一个参数 - 表示开始截取的位置

第二个参数 - 表示结束截取的位置

/* 定义一个字符串 */
var str = "sanbubaitou";
/* substring()方法 */
console.log( str.substring( 3, 9 ) );// 显示 bubait

slice()方法的参数可以写负值

负值 - 表示反方向截取

substring()方法的参数不可以写负数

写了负值将不会有显示

/* 定义一个字符串 */
var str = "sanbubaitou";
/* slice()方法 */
console.log( str.slice( -8, -4 ) );// 显示 buba
/* substring()方法 */
console.log( str.substring( -9, -3 ) );// 没有显示

表示对指定的字符串进行分隔，并将分隔后的字符以数组的形式进行返回

用于对字符串进行分隔

参数 - 字符与字符之间的分隔符

分隔符是什么就写什么，没有就写空字符串

/* 定义一个字符串 */
var str1 = "s,a,n,b,u,b,a,i,t,o,u";
/* 分隔字符串 - 有分隔符的 */
var s1 = str1.split( "," );
console.log( s1 );// 显示 [ "s", "a", "n", "b", "u", "b", "a", "i", "t", "o", "u" ]

/* 定义另一个字符串 */
var str2 = "sanbubaitou";
/* 分隔字符串 - 没有分隔符的 */
var s2 = str2.split( "" );
console.log( s2 );// 显示 [ "s", "a", "n", "b", "u", "b", "a", "i", "t", "o", "u" ]

表示匹配指定字符串中的指定内容，将其替换成新的内容

用于对字符串中的内容进行替换

参数

第一个参数 - 定义正则表达式（搜索并匹配被替换的内容）

第二个参数 - 替换的新内容

该方法具有返回值

将返回替换后的新字符串

/* 定义一个字符串 */
var str = "Microsoft is a big Company, microsoft’s color is red and has MICROSOFT logo like microsoft";

/* 进行替换 */
var s1 = str.replace( /microsoft/, "三步白头" );
console.log( s1 );// 显示 Microsoft is a big Company, 三步白头’s color is red and has MICROSOFT logo like microsoft

/* 添加修饰符搜索 */
var s2 = str.replace( /microsoft/i, "三步白头" );
console.log( s2 );// 显示 三步白头 is a big Company, microsoft’s color is red and has MICROSOFT logo like microsoft

/* 添加修饰符搜索 */
var s3 = str.replace( /microsoft/ig, "三步白头" );
console.log( s3 );// 显示 三步白头 is a big Company, 三步白头’s color is red and has 三步白头 logo like 三步白头

表示通过正则表达式匹配指定字符串中的指定内容

用于对指定字符串中的内容进行匹配

参数 - 正则表达式的匹配判断条件

该方法具有返回值 - 一个数组

第一个元素 - 表示匹配的内容

第二个元素 - 表示匹配内容所在的位置(索引值)

第三个元素 - 表示完整字符串

如果匹配的内容数量大于一个将返回所有匹配的内容

/* 定义一个字符串 */
var str = "Microsoft is a big Company, microsoft’s color is red and has MICROSOFT logo like microsoft";

/* 进行匹配 */
var s1 = str.match( /microsoft/ );
console.log( s1 );// 显示 [ "microsoft", index: 28, input: "Microsoft is a big Company, microsoft’s color is red and has MICROSOFT logo like microsoft" ]

/* 添加修饰符匹配 */
var s2 = str.match( /microsoft/i );
console.log( s2 );// 显示 [ "Microsoft", index: 0, input: "Microsoft is a big Company, microsoft’s color is red and has MICROSOFT logo like microsoft" ]

/* 添加修饰符匹配 */
var s3 = str.match( /microsoft/ig );
console.log( s3 );// 显示 [ "Microsoft", "microsoft", "MICROSOFT", "microsoft" ]

表示通过正则表达式去查找指定字符串中的指定内容

用于查找指定字符串中的内容

参数 - 正则表达式的匹配判断条件

该方法具有返回值 - 一个数组

如果只匹配一个指定内容的话，返回匹配内容第一个字符的索引值

如果匹配是多个指定内容的话，返回第一个匹配内容的第一个字符的索引值

/* 定义一个字符串 */
var str = "Microsoft is a big Company, microsoft’s color is red and has MICROSOFT logo like microsoft";

/* 进行匹配 */
var s1 = str.search( /microsoft/ );
console.log( s1 );// 显示 28（索引值）

/* 添加修饰符匹配 */
var s2 = str.search( /microsoft/i );
console.log( s2 );// 显示 0（索引值）

/* 添加修饰符匹配 */
var s3 = str.search( /microsoft/ig );
console.log( s3 );// 显示 0（索引值）