Sting

length

charCodeAt()

'🎇🎍🎁'.length; // 6
'🎇🎍🎁'.split('').length;
//  ['\uD83C', '\uDF87', '\uD83C', '\uDF8D', '\uD83C', '\uDF81']

常用方法

• 可以用正则的方法：match、replace、search 和 split

操作

1.concat

• 连接字符串，返回新字符串，不改变原字符串。
• 不是字符串的，先转化为字符串，在连接

let Concat1 = str1.concat(str2);
let Concat2 = str1.concat('123');

2.slice

• 提取部分字符串
• 两个参数 起始位置 结束位置（不包含该位置的值）
• 默认从 0 开始
• 参数为负数时，代表从字符串尾部计算结束位置
• 省略第二个参数，会截取剩下的全部字符串

let Slice = str1.slice(1, 2);

3.substring

• 用法和 slice 相同，不过无法接受负数作为参数

let Substring = str1.substring(1, 2);

4.substr

提示

不再推荐使用该特性

• 用法和 slice 相同
• 第二个参数含义不同，第二参数代表截取的长度
• 省略第二个参数，会截取剩下的全部字符串

let Substr = str1.substr(0, 2);

5.trim

• 去除两端空格（\t,\w,\n,\r）
• 返回新字符串，不改变原字符串
• trimStart 去除头部空格
• trimEnd 去除尾部空格

let Trim = str1.trim();

6.toUpperCase/toLowerCase

• 转换大小写
• 返回新字符串，不改变原字符串

let ToUpperCase = str1.toUpperCase(); // 转成大写
let ToLowerCase = str1.toLowerCase(); // 转成小写

位置

1.indexOf

• 查找字符串
• 从头到尾开始查找，参数 2 代表开始位置
• 返回字符串中指定文本首次出现的索引（位置）
• 从 0 开始
• 找不到返回-1

let IndexOf = str1.indexOf('b', 1);

2.lastIndexOf

• 从尾到头开始查找，参数 2 代表开始位置
• 返回指定文本在字符串中最后一次出现的索引
• 找不到返回-1

let LastIndexOf = str1.lastIndexOf('b', 1);

包含

1.includes

• 是否包含某字符，包含返回 true，否则返回 false
• 参数 2 代表开始位置

let Includes = str1.includes('b', 1);

2.startsWith/endsWith

• 判断字符串是否以指定内容开始/结束
• 接受两个参数，参数 1 指定内容，参数 2 指定内容起始位置（可选）
• 返回布尔值

'123abc'.startsWith('1');
'123abc'.endsWith('c');

模式匹配

可以使用正则表达

1.match

• 在字符串内找到相应的值并返回这些值(不是索引)
• 返回值
  • 如果使用 g 标志，则将返回与完整正则表达式匹配的所有结果
  • 如果没有使用 g 标志，则只返回第一个完整匹配及其相关捕获组

let Match = str1.match('b');

2.search

• 搜索特定值的字符串，并返回匹配的索引
• 没找到则返回-1

let Search = str1.search('c');

3.replace

js replace方法第二个参数，远不止你想的那么强大

• 接受两个参数，把参数 1 替换成参数 2
• 返回一个新字符串
• 参数1可以为正则表达式。参数 2 可以为函数

let Replace = str1.replace('d', 'hjjkl');

模式	插入值
$$	插入一个 "$"。
$&	插入匹配的子字符串。
$`	插入匹配子字符串之前的字符串片段。
$'	插入匹配子字符串之后的字符串片段。
$n	插入第 n（索引从 1 开始）个捕获组，其中 n 是小于 100 的正整数。
$	插入名称为 Name 的命名捕获组。

"foo".replace(/(f)/, "$2");
// "$2oo"；正则表达式没有第二个组

"foo".replace("f", "$1");
// "$1oo"；pattern 是一个字符串，所以它没有任何组

"foo".replace(/(f)|(g)/, "$2");
// "oo"；第二个组存在但未匹配

4.replaceAll

• 返回一个新字符串,匹配部分都被替换

// 正则必须设置全局（g）标志 
'23asd'.replaceAll(/a/g,)
// 如果 pattern 是一个空字符串，则替换内容将插入到每个 UTF-16 码元之间
"xxx".replaceAll("", "_"); // "_x_x_x_"

5.split

• 把符串组分割成数组,返回新数组,不改变原字符串
• 可以接受两个参数，参数 1 分割符（可以为正则） 参数 2 返回数组的最大长度
• 可以使用正则

let str3 = 'a1a2a3';
let Split = str3.split(); // ["a1a2a3"]
let Split2 = str3.split(''); // ["a","1","a","2","a","3"]
let Split3 = str3.split('a', 4); // ["", "1", "2", "3"]

填充

1.repeat

• 接受一个参数，参数为小数时，取整
• 把字符串重复 n 次后，返回一个新字符串，不改变原字符串

let Repeat = str3.repeat(5);

2.padStart/padEnd

• 从 padStart 头部填充， padEnd 从尾部填充
• 接受两个参数，第一个参数是字符串补全生效的最大长度，第二个参数是用来补全的字符串
• 如果原字符串的长度，等于或大于最大长度，则字符串补全不生效，返回原字符串。
• 如果用来补全的字符串与原字符串，两者的长度之和超过了最大长度，则会截去超出位数的补全字符串。
• 如果省略第二个参数，默认使用空格补全长度。
• 返回新字符串，不改变原字符串

let PadStart = str1.padStart(11, '0');

ES 6+

1.at

• 返回指定位置的字符
• 接受一个参数，参数 1 指定位置,可以为负数
• 返回指定位置的字符

'123abc'.at(0);
'123abc'.at(-1);