JS String总结

2021-10-24 23:52:43

String常用总结

1.字符

length属性：表示字符串包含多少16位码元
charAt()：方法返回给定索引位置的字符
charCodeAt() ：可以查看指定码元的字符编码
String.fromCharCode()：这个方法可以接受任意多个数值，返回字符串
```
console.log(String.fromCharCode(0x61, 0x62, 0x63, 0x64, 0x65)); // "abcde"
```
codePointAt()：正确解析既包含单码元字符又包含代理对字符的字符串（如笑脸）
```
let message = "ab?de";
console.log(message.codePointAt(2)); //128522
```
String.fromCodePoint()：类似fromCharCode() 接收码点

2.规范化

某些Unicode字符可以有多种编码方式

normalize()：接收一个标准 "NFD"、"NFC"、"NFKD"或"NFKC" 对字符进行统一标准化，以方便比较

console.log(a1 === a1.normalize("NFD")); // false

3.常用操作

concat()：用于将一个或多个字符串拼接成一个新字符串，可用“+”代替
slice()：接收两个参数开始索引和结束索引（不包括结束）可以取负值，如果开始大于结束位置则调换
substring()：接收两个参数开始索引和结束索引（不包括结束）负值会转换为0
substr()：接收两个参数开始索引和返回字符串个数第二个参数负值转换为0
indexOf() 和 lastIndexOf()：从字符串中搜索传入的字符串，并返回位置（如果没找到，则返回-1），一个从开头，一个从尾部
第二个参数是起始查找位置
startsWith()、endsWith()、includes() ：返回是否包含的布尔值，第二个参数是起始查找位置
trim()：返回原字符串去首尾空格副本（trimLeft()，trimRight()）
repeat()：接收一个整数返回复制后的副本
padStart()和padEnd()：填充字符串第一个参数为长度，第二个参数（可选默认为空格）填充字符

4.字符串迭代与解构

字符串原型暴露了[Symbol.iterator] () ，用来迭代每个字符

let message = "abc";
let stringIterator = message[Symbol.iterator]();
console.log(stringIterator.next()); 
//{value: "a", done: false}
console.log(stringIterator.next()); 
//{value: "b", done: false}
console.log(stringIterator.next()); 
//{value: "c", done: false}
console.log(stringIterator.next()); 
//{value: undefined, done: true}

可以通过for-of循环访问每个字符：

for (const c of "abcde") {
	console.log(c);
}
// a
// b
// c
// d
// e

解构操作

let message = "abcde";
console.log([...message]); // ["a", "b", "c", "d", "e"]

注：可以把（...）解构操作符理解为迭代结果用逗号分隔，所以

...message 可以看成 "a", "b", "c", "d", "e" ，再加方括号即为结果。

5.大小写转换

toLowerCase()、toLocaleLowerCase()、 toUpperCase()和toLocaleUpperCase() 这两个用于特定地区语言

6.字符串匹配

1.match()

本质与RegExp的exec() 方法相同。方法接收一个参数：正则表达式对象，或表达式字符串

let text = "cat,bat";
let pattern = /(.)at/i;

let matches = text.match(pattern)
//let matches = pattern.exec(text);  等价

//["cat", "c", index: 0, input: "cat,bat", groups: undefined]
console.log(matches[0]); // "cat"
console.log(matches[1]); // "c"
console.log(matches.lastIndex); //没有使用全局匹配，永远为0

2.search()

查找模式，方法接收一个参数：正则表达式对象，或表达式字符串。返回模式第一个匹配的位置索引，如果没找到则返回-1。

let text = "cat, bat, sat, fat";
let pos = text.search(/at/);
console.log(pos); // 1

3.replace()

用于替换字符串，方法接收两个参数，第一个参数为RegExp对象或字符串、第二个参数为字符串或函数。

第一个参数为字符串则只会替换第一个字符串，如果全部替换，正则表达式必须带全局标记。

第二个参数是字符串时有几个特殊字符，可用来表示匹配到的值
$n：n为0-9，$1表示第一个捕获组的字符串

let text = "bat, cat, fat, tat";
let pattern = /(.)at/g;

let result = text.replace(pattern,"$1$1"); //$1表示分组1 也就是at前面的字符
console.log(result); //"bb, cc, ff, tt"

第二个参数是函数，函数会接收三个参数：匹配的整个字符串、匹配索引、整个字符串。（多个捕获组会传多次）。
函数应该返回一个字符串，表示替换内容。

function htmlEscape(text) {
	return text.replace(/[<>"&]/g,
		function(match, pos, originalText) {
			switch(match) {
				case "<":
					return "&lt;";
				case ">":
					return "&gt;";
				case "&":
			        return "&amp;";
				case "\"":
					return "&quot;";
			}
		});
}
console.log(htmlEscape("<p class=\"greeting\">Hello world!</p>"));
// "&lt;p class=&quot;greeting&quot;&gt;Hello world!</p>"

4.split()

用于将字符串分割为数组，第一个参数可以是RegExp对象或字符串，第二个可选参数用于指定数组最大大小。

let colorText = "red,blue,green,yellow";
let colors1 = colorText.split(",");
// ["red", "blue", "green", "yellow"]
let colors2 = colorText.split(",", 2);
// ["red", "blue"]
let colors3 = colorText.split(/[^,]+/);
// ["", ",", ",", ",", ""] 如果分隔符在开头和结尾出现，数组的前后就会出现空字符串元素

7.字符串比较

localeCompare() 按照字母表原字符串应该排在字符串参数前头，则返回负值，相等为0，排在后面则为正值。

let stringValue = "yellow";console.log(stringValue.localeCompare("brick")); // 1

此方法支持多国语言