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