JavaScript-String对象

方法

indexOf()

返回字符串中指定文本首次出现的索引（位置）

var str = "The full name of China is the People's Republic of China.";
var pos = str.indexOf("full");
console.log(pos);//4

lastIndexOf()

返回指定文本在字符串中最后一次出现的索引

var str = "The full name of China is the People's Republic of China.";
var pos = str.lastIndexOf("China");
console.log(pos);//51

如果未找到文本， indexOf() 和 lastIndexOf() 均返回 -1

两种方法都接受作为检索起始位置的第二个参数

var str = "The full name of China is the People's Republic of China.";
var pos = str.indexOf("China", 18);

search()

搜索特定值的字符串，并返回匹配的位置

var str = "The full name of China is the People's Republic of China.";
var pos = str.search("full");
console.log(pos);//4

indexOf() 与 search()，是相等的

这两种方法是不相等的。区别在于：

• search() 方法无法设置第二个开始位置参数

• indexOf() 方法无法设置更强大的搜索值（正则表达式）

slice()

提取字符串的某个部分并在新字符串中返回被提取的部分

该方法设置两个参数：起始索引（开始位置），终止索引（结束位置）

var str = "Apple, Banana, Mango";
// 位置 7 到位置 13 的片段
var res = str.slice(7,13);
console.log(res)//Banana

如果某个参数为负，则从字符串的结尾开始计数

var str = "Apple, Banana, Mango";
// 位置 -12 到位置 -6 的片段
var res = str.slice(-13,-7);
console.log(res)//Banana

如果省略第二个参数，则该方法将裁剪字符串的剩余部分

var str = "Apple, Banana, Mango";
var res = str.slice(7);
console.log(res)//Banana, Mango

substring()

类似于 slice()

substring() 无法接受负的索引

var str = "Apple, Banana, Mango";
var res = str.substring(7,13);
console.log(res)//Banana

如果省略第二个参数，则该 substring() 将裁剪字符串的剩余部分

substr()

类似于 slice()

第二个参数规定被提取部分的长度

var str = "Apple, Banana, Mango";
var res = str.substr(7,6);
console.log(res)//Banana

如果省略第二个参数，则该 substr() 将裁剪字符串的剩余部分

replace()

用另一个值替换在字符串中指定的值

str = "Please visit hahaha!";
var n = str.replace("hahaha", "xixixi");
console.log(n)//Please visit xixixi!

replace() 不会改变调用它的字符串。它返回的是新字符串

replace() 只替换首个匹配

replace() 对大小写敏感

如需执行大小写不敏感的替换，请使用正则表达式 /i（大小写不敏感）

str = "Please visit Microsoft!";
var n = str.replace(/MICROSOFT/i, "W3School");
console.log(n)//Please visit W3School!

请注意正则表达式不带引号

如需替换所有匹配，请使用正则表达式的 g 标志（用于全局搜索）

str = "Please visit Microsoft and Microsoft!";
var n = str.replace(/Microsoft/g, "W3School");
console.log(n)//Please visit W3School and W3School!

toUpperCase()

把字符串转换为大写

var text1 = "Hello World!"; // 字符串
var text2 = text1.toUpperCase(); // text2 是被转换为大写的 text1
console.log(text2)//HELLO WORLD!

toLowerCase()

把字符串转换为小写

var text1 = "Hello World!"; // 字符串
var text2 = text1.toLowerCase(); // text2 是被转换为小写的 text1
console.log(text2)//hello world!

concat()

连接两个或多个字符串

var text1 = "Hello";
var text2 = "World";
text3 = text1.concat(" ",text2);

可用于代替加运算符

var text = "Hello" + " " + "World!";
var text = "Hello".concat(" ","World!");

trim()

删除字符串两端的空白符

var str = "       Hello World!        ";
alert(str.trim());

charAt()

返回字符串中指定下标（位置）的字符串

var str = "HELLO WORLD";
str.charAt(0);            // 返回 H 

charCodeAt()

返回字符串中指定索引的字符 unicode 编码

var str = "HELLO WORLD";

str.charCodeAt(0);         // 返回 72

split()

将字符串转换为数组

var txt = "a,b,c,d,e";   // 字符串
txt.split(",");          // 用逗号分隔
txt.split(" ");          // 用空格分隔
txt.split("|");          // 用竖线分隔

includes()

返回布尔值，判断是否找到参数字符串

let string = "apple,banana,orange";
string.includes("banana");     // true

startsWith()

返回布尔值，判断参数字符串是否在原字符串的头部

let string = "apple,banana,orange";
string.startsWith("apple");    // true

endsWith()

返回布尔值，判断参数字符串是否在原字符串的尾部

let string = "apple,banana,orange";
string.endsWith("apple");      // false

repeat()

返回新的字符串，表示将字符串重复指定次数返回

console.log("Hello,".repeat(2));  // "Hello,Hello,"

如果参数是小数，向下取整

console.log("Hello,".repeat(3.2));  // "Hello,Hello,Hello,"

如果参数是 0 至 -1 之间的小数，会进行取整运算，0 至 -1 之间的小数取整得到 -0 ，等同于 repeat 零次

console.log("Hello,".repeat(-0.5));  // "" 

如果参数是 NaN，等同于 repeat 零次

onsole.log("Hello,".repeat(NaN));  // "" 

如果参数是负数或者 Infinity ，会报错

console.log("Hello,".repeat(-1));  
// RangeError: Invalid count value

console.log("Hello,".repeat(Infinity));  
// RangeError: Invalid count value

如果传入的参数是字符串，则会先将字符串转化为数字

console.log("Hello,".repeat("hh")); // ""
console.log("Hello,".repeat("2"));  // "Hello,Hello,"

以上两个方法接受两个参数，第一个参数是指定生成的字符串的最小长度，第二个参数是用来补全的字符串。如果没有指定第二个参数，默认用空格填充

padStart()

返回新的字符串，表示用参数字符串从头部（左侧）补全原字符串

console.log("h".padStart(5,"o"));  // "ooooh"

padEnd()

返回新的字符串，表示用参数字符串从尾部（右侧）补全原字符串

console.log("h".padEnd(5,"o"));    // "hoooo"

如果指定的长度小于或者等于原字符串的长度，则返回原字符串

console.log("hello".padStart(5,"A"));  // "hello"

如果原字符串加上补全字符串长度大于指定长度，则截去超出位数的补全字符串

console.log("hello".padEnd(10,",world!"));  // "hello,worl"

常用于补全位数

console.log("123".padStart(10,"0"));  // "0000000123"