前端知识点---字符串的函数

文章目录

• 1. length
• 2. charAt(index)
• 3. indexOf(searchValue, start)
• 4. lastIndexOf(searchValue, start)
• 5. slice(start, end)
• 6. substring(start, end)
• 7. substr(start, length)
• 8. toUpperCase() 和 toLowerCase()
• 9. trim()
• 10. split(separator)
• 11. replace(searchValue, newValue)
• 12. includes(searchValue)
• 13. startsWith(searchValue)
• 14. endsWith(searchValue)
• 15. match(regexp)
• 16. concat(...strings)
• 17. repeat(count)
• 18. codePointAt(index)

1. length

length 属性返回字符串的字符数。

let str = "Hello, world!";
console.log(str.length);  // 输出: 13

2. charAt(index)

charAt 返回指定位置的字符。如果索引超出范围，返回空字符串。

let str = "Hello";
console.log(str.charAt(0));  // 输出: "H"
console.log(str.charAt(5));  // 输出: ""

3. indexOf(searchValue, start)

indexOf 返回指定子字符串第一次出现的位置，如果找不到则返回 -1。

let str = "Hello, world!";
console.log(str.indexOf("world"));  // 输出: 7
console.log(str.indexOf("Java"));   // 输出: -1

4. lastIndexOf(searchValue, start)

lastIndexOf 返回指定子字符串最后一次出现的位置，从指定位置开始搜索。

let str = "Hello, world! Welcome, world!";
console.log(str.lastIndexOf("world"));  // 输出: 21

5. slice(start, end)

slice 方法从字符串的 start 索引位置提取到 end 索引位置（不包括 end）。

let str = "Hello, world!";
console.log(str.slice(0, 5));  // 输出: "Hello"
console.log(str.slice(7));     // 输出: "world!"

6. substring(start, end)

substring 和 slice 类似，但它会把负值转换为 0，并且 start 总是小于 end，如果 start 大于 end，它会交换它们。

let str = "Hello, world!";
console.log(str.substring(0, 5));  // 输出: "Hello"
console.log(str.substring(7, 0));  // 输出: "Hello" (自动交换)

7. substr(start, length)

substr 方法从 start 索引位置开始，提取指定长度的子字符串（不包括指定的 length）。

let str = "Hello, world!";
console.log(str.substr(7, 5));  // 输出: "world"

8. toUpperCase() 和 toLowerCase()

这两个方法分别将字符串转换为大写和小写。

let str = "Hello, world!";
console.log(str.toUpperCase());  // 输出: "HELLO, WORLD!"
console.log(str.toLowerCase());  // 输出: "hello, world!"

9. trim()

trim 方法去除字符串两端的空格。

let str = "  Hello, world!  ";
console.log(str.trim());  // 输出: "Hello, world!"

10. split(separator)

split 方法将字符串按指定分隔符分割成一个数组。

let str = "apple,banana,cherry";
let arr = str.split(",");
console.log(arr);  // 输出: ["apple", "banana", "cherry"]

11. replace(searchValue, newValue)

replace 方法用于替换字符串中的某部分内容，返回一个新的字符串。它只会替换第一个匹配的部分，除非使用正则表达式中的 g 标志。

let str = "Hello, world!";
let newStr = str.replace("world", "JavaScript");
console.log(newStr);  // 输出: "Hello, JavaScript!"

12. includes(searchValue)

includes 方法检查字符串是否包含指定的子字符串。如果包含返回 true，否则返回 false。

let str = "Hello, world!";
console.log(str.includes("world"));  // 输出: true
console.log(str.includes("JavaScript"));  // 输出: false

13. startsWith(searchValue)

startsWith 检查字符串是否以指定的子字符串开始。

let str = "Hello, world!";
console.log(str.startsWith("Hello"));  // 输出: true
console.log(str.startsWith("world"));  // 输出: false

14. endsWith(searchValue)

endsWith 检查字符串是否以指定的子字符串结束。

let str = "Hello, world!";
console.log(str.endsWith("world!"));  // 输出: true
console.log(str.endsWith("Hello"));   // 输出: false

15. match(regexp)

match 方法用于根据正则表达式检索字符串，返回一个匹配的结果数组。

let str = "The quick brown fox jumps over the lazy dog";
let result = str.match(/\b\w{5}\b/g);  // 匹配所有长度为5的单词
console.log(result);  // 输出: ["quick", "brown", "jumps"]

16. concat(…strings)

concat 方法连接一个或多个字符串，返回一个新的字符串。

let str1 = "Hello";
let str2 = "World";
let result = str1.concat(", ", str2, "!");
console.log(result);  // 输出: "Hello, World!"

17. repeat(count)

repeat 方法返回一个新字符串，该字符串是原字符串重复指定次数的结果。

let str = "Hello";
console.log(str.repeat(3));  // 输出: "HelloHelloHello"

18. codePointAt(index)

codePointAt 方法返回指定位置的字符的 Unicode 编码点。

let str = "Hello";
console.log(str.codePointAt(0));  // 输出: 72 (Unicode 编码 "H")