JavaScript中的字符串方法(string)

什么是字符串？

在JavaScript中，字符串用于存储和处理文本。字符串可以是插入到引号中的任何字符。

1.字符串的声明

在这里，我们先声明一个字符串，x是变量，用于接收这个字符串

var x = "天王盖地虎";

用输出语句console.log()在控制台打印

console.log(x);

结果：

2.字符串的索引访问

var x = "把天王盖地虎";
console.log(x[4]);//x[4]为虎的下标

控制台打印结果为：

通过for循环也可以对字符串进行索引访问

var x = "把天王盖地虎";
for(var i =0;i<x.length;i++){
	console.log(x[i])
}

结果：字符串被依次遍历出来，01234为每个字所对应的索引

3.indexOf() 获得元素首次出现的索引

var x = "abc天王qwer盖地abc鸟";
console.log(x.indexOf('a');//选择元素c

结果为：

这个索引 2 是此字符串中的第一个 c 所对应的索引，并不是靠后的那个 c 的索引，如果不懂的话，请看下面的案例：

for(var i=0;i<x.length;i++){
				if(x[i]=='c'){
					console.log(i);//遍历出所有 c 的索引
				}
			}

结果：

这个字符串中总共有两个 c，而索引2对应的的便是前面的那个c，索引13对应的是后面的那个c。结合上一个的案例便可得知
indexOf 的作用：获得首次出现元素的索引，也就是同元素的第一个。

4.lastIndexOf() 反序获得元素首次出现的索引

var x = 'abc天王qwer盖地abc鸟';
console.loh(lastIndexOf('c'));// 索引为13

结果：

这个与 indexOf 正好相反。

5.charAt() 索引访问

var x = '天王盖地虎';
console.log(x.charAt(3));// charAt(3) 等于 [3]

结果：索引 3 对应的是 地

6.大小写转换

toLowerCase() 字母转小写

var x = 'hELLo WoRLD';
console.log(x.toLowerCase());

结果：全小写

toUpperCase() 字母转大写

console.log(x.toUpperCase());

结果：全大写

7.字符串分割 split（）

var x = '天c王盖c地虎';
console.log(x.split('c'));// c 为分割点

结果：这个字符串被分割为三段

8.截取 substr，substring

substr

var x = '天c王盖c地鸟';
console.log(x.substr(3,3));// substr(起始索引,要截取的长度)

结果：

substring

//substring(开始索引,结束索引),取值范围(开始索引,结束索引-1)
console.log(x.substring(3,5));

结果：

9.替换 replace

var x = '天c王盖c地鸟';
console.log(x.replace('鸟','虎'));

结果：把 鸟 替换为 虎

10.重复 repeat

var x = 'abc';
console.log(x.repeat(3));

结果：字符串被打印 3 次

11.去除空格

var x = '  abc qq xx   ';
console.log(x);

原字符串打印结果：总共有四处空格

用 trim() 去除空格(只能去除两端空格)

console.log(x.trim());

结果：两端空格已被去除

trimLeft() 去除字符串的左侧空格
trimRight() 去除字符串的右侧空格

12.填充字符串

padStart 开头填充

var x = 'abc';
console.log(x.padStart(10,'0'));//在开头处添加10个0

结果：

padEnd 末尾填充

console.log(x.padEnd(10,'0'));//在末尾处添加10个0

结果：