1.String.iterator()

这个方法的特点是，它返回

一个新的可迭代迭代器对象，它以字符串值中的 Unicode 码位生成单独的字符串

较for of方法更容易操控

举个例子

let str = 'Hello, World!';
let iterator = str[Symbol.iterator]();
let result = iterator.next();
while (!result.done) {
  console.log(result.value);
  result = iterator.next();
}

2.String.at

这个方法的特点是，它返回

指定位置的单个字符

举个例子

let str = 'Hello, World!';
console.log(str.at(0)); // 'H'
console.log(str.at(13)); // '!'
console.log(str.at(-1)); // '!'
console.log(str.at(20)); // undefined

3. String.charAt

这个方法的特点是，它返回

指定位置的单个字符

和at区别是在处理边界情况的时候返回不同

chatAt返回空，页at返回的是undefined

举个例子

let str = 'Hello, World!';
console.log(str.charAt(0)); // 'H'
console.log(str.charAt(13)); // '!'
console.log(str.charAt(20)); // '' (empty string)
console.log(str.charAt(-1)); // '' (empty string)

4. String.charCodeAt

这个方法的特点是，它返回

一个整数，介于 0 和 65535 之间，表示指定 index 处字符的 UTF-16 码元值

举个例子

const sentence = 'Hello, World!';
const index = 4;
console.log(`${sentence.charCodeAt(index)} is ${sentence.charAt(index)}`);
// 111 is o

5. String.codePointAt

这个方法的特点是，它返回

字符的Unicode码位值

举个例子

const icons = 'Hello, World!';
console.log(icons.codePointAt(1)); // 101
console.log(icons.codePointAt(2)); // 108
console.log(icons.codePointAt(3)); // 108

6. String.concat

这个方法的特点是，它返回

一个包含所提供的多个字符串文本组合的新字符串

举个例子

const str1 = 'Hello';
const str2 = 'World';
console.log(str1.concat(' ', str2)); // "Hello World"
console.log(str2.concat(', ', str1)); // "World, Hello"

7. String.endsWith

这个方法的特点是，它返回

如果被检索字符串的末尾出现了指定的字符串，则返回 true, 否则返回false

举个例子

const str1 = 'Hello, World!';
console.log(str1.endsWith('World!')); // true

8. String.fromCharCode

这个方法的特点是，它返回

一个长度为N的字符串，由N个指定的UTF-16码元组成

举个例子

console.log(String.fromCharCode(65, 66, 67));
// 'ABC'

9. String.fromCodePoint

这个方法的特点是，它返回

过使用指定的码位序列创建的字符串

举个例子

String.fromCodePoint(65, 90); // "AZ"

与fromCharCode方法的区别是

String.fromCharCode()方法无法通过指定其码位来返回补充字符（即码位 0x010000 至 0x10FFFF）

这两个方法在日常工作中用的比较少

10. String.includes

这个方法的特点是，它返回

如果在给定的字符串中找到了要搜索的字符串，则返回 true，否则返回 false

举个例子

const sentence = 'Hello, World!';
const word = 'World';
console.log(sentence.includes(word));
// true

11. String.indexOf

这个方法的特点是，它返回

查找的字符串searchValue的第一次出现的索引，如果没有找到，则返回 -1

举个例子

const paragraph = "I think Ruth's dog is cuter than your dog!";
const searchTerm = 'dog';
const indexOfFirst = paragraph.indexOf(searchTerm);
console.log(`"${searchTerm}" is ${indexOfFirst}`);
// '"dog" is 15'
console.log(`"${searchTerm}" is ${paragraph.indexOf(
searchTerm,
indexOfFirst + 1,
)}`,
);
// '"dog" is 38'

12. String.lastIndexOf

这个方法的特点是，它返回

如果找到了searchString，则返回最后一次出现的索引，否则返回-1

举个例子

const paragraph = "I think Ruth's dog is cuter than your dog!";
const searchTerm = 'dog';
console.log(`${searchTerm} is ${paragraph.lastIndexOf(searchTerm)}`);
// "dog is 38"

13. String.match

这个方法的特点是，它返回

一个 Array，其内容取决于是否存在全局（g）标志，如果没有匹配，则返回 null

举个例子

const paragraph = 'The quick brown fox jumps over the lazy dog. It barked.';
const regex = /[A-Z]/g;
const found = paragraph.match(regex);
console.log(found);
// ["T", "I"]

14. String.matchAll

这个方法的特点是，它返回

一个匹配结果的可迭代迭代器对象（它不可重新开始）。每个匹配结果都是一个数组，其形状与 RegExp.prototype.exec() 的返回值相同

举个例子

const regexp = /t(e)(st(\d?))/g;
const str = 'test1test2';
const array = [...str.matchAll(regexp)];
console.log(array[0]);
// ["test1", "e", "st1", "1"]
console.log(array[1]);
// ["test2", "e", "st2", "2"]

15. String.padEnd

这个方法的特点是，它返回

在当前str末尾填充padString直到达到给定的targetLength所形成的String

举个例子

const str1 = 'Breaded Mushrooms';
console.log(str1.padEnd(25, '.'));
// "Breaded Mushrooms........"
const str2 = '200';
console.log(str2.padEnd(5));
// "200 "

16. String.padStart

这个方法的特点是，它返回

在开头填充 padString 直到达到给定的 targetLength 所形成的 String

举个例子

const str1 = '5';
console.log(str1.padStart(2, '0'));
// "05"
const fullNumber = '2034399002125581';
const last4Digits = fullNumber.slice(-4);
const maskedNumber = last4Digits.padStart(fullNumber.length, '*');
console.log(maskedNumber);
// "************5581"

17. String.repeat

这个方法的特点是，它返回

包含指定字符串的指定数量副本的新字符串

举个例子

const mood = 'Happy! ';
console.log(`I feel ${mood.repeat(3)}`);
// "I feel Happy! Happy! Happy! "

18. String.replace

这个方法的特点是，它返回

一个新的字符串，其中一个、多个或所有的匹配项都被指定的替换项替换

举个例子

const paragraph = "I think Ruth's dog is cuter than your dog!";
console.log(paragraph.replace("Ruth's", 'my'));
// "I think my dog is cuter than your dog!"
const regex = /Dog/i;
console.log(paragraph.replace(regex, 'ferret'));
// "I think Ruth's ferret is cuter than your dog!"

19. String.replaceAll

这个方法的特点是，它返回

返回一个新字符串，其中所有匹配pattern的部分都被替换为 replacement

举个例子

const paragraph = "I think Ruth's dog is cuter than your dog!";
console.log(paragraph.replaceAll('dog', 'monkey'));
// "I think Ruth's monkey is cuter than your monkey!"
const regex = /Dog/gi;
console.log(paragraph.replaceAll(regex, 'ferret'));
// "I think Ruth's ferret is cuter than your ferret!"

20. String.search

这个方法的特点是，它返回

如果匹配成功，则返回正则表达式在字符串中首次匹配的索引；否则，返回 -1

举个例子

const paragraph = "I think Ruth's dog is cuter than your dog!";
const regex = /[^\w\s']/g;
console.log(paragraph.search(regex));
// 41
console.log(paragraph[paragraph.search(regex)]);
// "!"

21. String.slice

这个方法的特点是，它返回

一个包含提取的字符串片段的新字符串

举个例子

const str = 'The quick brown fox jumps over the lazy dog.';
console.log(str.slice(31));
// "the lazy dog."
console.log(str.slice(4, 19));
// "quick brown fox"
console.log(str.slice(-4));
// "dog."
console.log(str.slice(-9, -5));
// "lazy"

22. String.split

这个方法的特点是，它返回

在给定字符串中出现separator的每一个点上进行分割而成的字符串数组

举个例子

const str = 'The quick brown.';
const words = str.split(' ');
console.log(words[3]);
// "fox"
const chars = str.split('');
console.log(chars[8]);
// "k"
const strCopy = str.split();
console.log(strCopy);
// Array ["The quick brown."]

23. String.startsWith

这个方法的特点是，它返回

如果给定的字符在字符串的开头被找到, 则返回 true, 否则返回 false

举个例子

const str1 = 'Saturday night plans';
console.log(str1.startsWith('Sat'));
// true
console.log(str1.startsWith('Sat', 3));
// false

24. String.substring

这个方法的特点是，它返回

包含给定字符串的指定部分的新字符串

举个例子

const str = 'Mozilla';
console.log(str.substring(1, 3));
// 'oz'
console.log(str.substring(2));
// 'zilla'

25. String.toLowerCase

这个方法的特点是，它返回

一个新的字符串，表示转换为小写的调用字符串

举个例子

const sentence = 'Hello, World';
console.log(sentence.toLowerCase());
// "hello, world"

26. String.toString

这个方法的特点是，它返回

指定字符串值的字符串

举个例子

const number = 123
console.log(number.toString());

27. String.toUpperCase

这个方法的特点是，它返回

一个新的字符串，表示转换为大写的调用字符串

举个例子

const sentence = 'Hello, World'
console.log(sentence.toUpperCase())
// "HELLO, WORLD"

28. String.trim

这个方法的特点是，它返回

String对象的字符串值

举个例子

const greeting = ' Hello world! ';
console.log(greeting);
// " Hello world! "
console.log(greeting.trim());
// "Hello world!"

29. String.trimEnd

这个方法的特点是，它返回

一个新的字符串，表示从 str 的末尾（右侧）去除空白字符后的结果

举个例子

const greeting = ' Hello world! ';
console.log(greeting);
// " Hello world! ";
console.log(greeting.trimEnd());
// " Hello world!";

30. String.trimStart

这个方法的特点是，它返回

一个新的字符串，表示从str的开头（左侧）去除空白字符后的结果

举个例子

const greeting = ' Hello world! ';
console.log(greeting);
// " Hello world! ";
console.log(greeting.trimStart());
// "Hello world! ";

四时宝库

程序员的知识宝库

讲透30个JavaScript字符串方法的特点

1.String.iterator()

2.String.at

3. String.charAt

4. String.charCodeAt

5. String.codePointAt

6. String.concat

7. String.endsWith

8. String.fromCharCode

9. String.fromCodePoint

10. String.includes

11. String.indexOf

12. String.lastIndexOf

13. String.match

14. String.matchAll

15. String.padEnd

16. String.padStart

17. String.repeat

18. String.replace

19. String.replaceAll

20. String.search

21. String.slice

22. String.split

23. String.startsWith

24. String.substring

25. String.toLowerCase

26. String.toString

27. String.toUpperCase

28. String.trim

29. String.trimEnd

30. String.trimStart