JavaScript 是一种多功能语言，提供了大量处理字符串的函数。字符串是任何编程语言中最基本的数据类型之一，了解如何有效地操作它们可以显着提高您的编码技能。在本文中，我们将深入研究 JavaScript 字符串函数，提供详细的解释、示例和注释来帮助您掌握它们。

JavaScript 中的字符串简介

在 JavaScript 中，字符串是用于表示文本的字符序列。字符串是不可变的，这意味着一旦创建，就无法更改。相反，字符串操作会创建新字符串。

let greeting = "Hello, World!";
console.log(greeting); // Output: Hello, World!

创建字符串

可以使用单引号、双引号或模板文字的反引号创建字符串。

let singleQuoteStr = 'Hello';
let doubleQuoteStr = "Hello";
let templateLiteralStr = `Hello, ${singleQuoteStr}`;
console.log(templateLiteralStr); // Output: Hello, Hello

字符串属性

• length：返回字符串的长度。

let str = "JavaScript";
console.log(str.length); // Output: 10

字符串方法

1. charAt()

返回指定索引处的字符。

let str = "JavaScript";
console.log(str.charAt(0)); // Output: J

2. charCodeAt()

返回指定索引处字符的 Unicode。

let str = "JavaScript";
console.log(str.charCodeAt(0)); // Output: 74

3. 连接（）

连接两个或多个字符串并返回一个新字符串。

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

4. 包含()

检查字符串是否包含指定值，返回 true 或 false。

let str = "JavaScript is awesome!";
console.log(str.includes("awesome")); // Output: true

5. 结束（）

检查字符串是否以指定值结尾，返回 true 或 false。

let str = "Hello, World!";
console.log(str.endsWith("World!")); // Output: true

6.indexOf()

返回指定值第一次出现的索引，如果未找到则返回 -1。

let str = "JavaScript is awesome!";
console.log(str.indexOf("is")); // Output: 11

7. 最后索引()

返回指定值最后一次出现的索引，如果未找到则返回 -1。

let str = "JavaScript is awesome! JavaScript is fun!";
console.log(str.lastIndexOf("JavaScript")); // Output: 22

8. 匹配（）

将字符串与正则表达式匹配时检索匹配项。

let str = "JavaScript is awesome!";
let regex = /is/g;
console.log(str.match(regex)); // Output: [ 'is', 'is' ]

9. 重复（）

返回一个新字符串，其中包含调用它的字符串的指定数量的副本。

let str = "Hello!";
console.log(str.repeat(3)); // Output: Hello!Hello!Hello!

let str = "你好！"; console.log(str.repeat(3)); // 输出：你好！你好！你好！

10. 替换()

将指定值替换为字符串中的另一个值。

let str = "Hello!";
console.log(str.repeat(3)); // Output: Hello!Hello!Hello!

let str = "JavaScript 太棒了！"; let newStr = str.replace("真棒", "太棒了"); 控制台.log(newStr); // 输出：JavaScript 太棒了！

11. 搜索（）

搜索字符串中的指定值并返回匹配的位置。

let str = "Hello!";
console.log(str.repeat(3)); // Output: Hello!Hello!Hello!

let str = "JavaScript 太棒了！"; console.log(str.search("真棒")); // 输出：15

12. 切片（）

提取字符串的一部分并将其作为新字符串返回。

let str = "Hello!";
console.log(str.repeat(3)); // Output: Hello!Hello!Hello!

let str = "JavaScript"; console.log(str.slice(0, 4)); // 输出：Java

13. 分割（）

根据指定的分隔符将字符串拆分为子字符串数组。

let str = "Hello!";
console.log(str.repeat(3)); // Output: Hello!Hello!Hello!

let str = "你好，世界！"; 让 arr = str.split(", "); 控制台.log(arr); // 输出：

14. 开始（）

检查字符串是否以指定值开头，返回 true 或 false。

let str = "Hello, World!";
console.log(str.startsWith("Hello")); // Output: true

let str = "你好，世界！"; console.log(str.startsWith("你好")); // 输出：真

15. 子串()

从字符串中提取两个指定索引之间的字符。

let str = "Hello, World!";
console.log(str.startsWith("Hello")); // Output: true

let str = "JavaScript"; console.log(str.substring(0, 4)); // 输出：Java

16.toLowerCase()

将字符串转换为小写字母。

let str = "Hello, World!";
console.log(str.startsWith("Hello")); // Output: true

let str = "JavaScript"; console.log(str.toLowerCase()); // 输出：JavaScript

17. toUpperCase()

将字符串转换为大写字母。

let str = "Hello, World!";
console.log(str.startsWith("Hello")); // Output: true

let str = "JavaScript"; console.log(str.toUpperCase()); // 输出：JAVASCRIPT

18. 修剪（）

删除字符串两端的空格。

let str = "Hello, World!";
console.log(str.startsWith("Hello")); // Output: true

let str = "JavaScript"; console.log(str.trim()); // 输出：JavaScript

19. 修剪开始()

删除字符串开头的空格。

let str = "Hello, World!";
console.log(str.startsWith("Hello")); // Output: true

let str = "JavaScript"; console.log(str.trimStart()); // 输出：JavaScript

20. 修剪结束（）

删除字符串末尾的空格。

let str = "Hello, World!";
console.log(str.startsWith("Hello")); // Output: true

let str = "JavaScript"; console.log(str.trimEnd()); // 输出：JavaScript

21. valueOf()

返回 String 对象的原始值。

let str = "Hello, World!";
console.log(str.startsWith("Hello")); // Output: true

let str = new String("JavaScript"); console.log(str.valueOf()); // 输出：JavaScript

模板文字

模板文字允许嵌入表达式，使字符串连接和多行字符串更容易。

let str = "Hello, World!";
console.log(str.startsWith("Hello")); // Output: true

让名字=“约翰”； 让greeting = `你好，${name}！你好吗？ console.log(问候语); // 输出：你好，约翰！你好吗？

字符串.raw()

返回从原始模板字符串创建的字符串，允许访问写入的原始字符串。

let str = "Hello, World!";
console.log(str.startsWith("Hello")); // Output: true

let str = String.raw`Hello\nWorld!`; 控制台.log(str); // 输出：Hello\nWorld！

实际例子

function reverseString(str) {
    return str.split('').reverse().join('');
}
console.log(reverseString("JavaScript")); // Output: tpircSavaJ

函数reverseString(str) { return str.split('').reverse().join(''); } console.log(reverseString("JavaScript")); // 输出：tpircSavaJ

function isPalindrome(str) {
    let cleanedStr = str.replace(/[\W_]/g, '').toLowerCase();
    return cleanedStr === cleanedStr.split('').reverse().join('');
}
console.log(isPalindrome("A man, a plan, a canal, Panama")); // Output: true

函数 isPalindrome(str) { 让 cleanStr = str.replace(/[\W_]/g, '').toLowerCase(); return cleanStr === cleanStr.split('').reverse().join(''); } console.log(isPalindrome("一个人，一个计划，一条运河，巴拿马")); // 输出：真

function capitalizeWords(str) {
    return str.split(' ').map(word => word.charAt(0).toUpperCase()   word.slice(1)).join(' ');
}
console.log(capitalizeWords("hello world")); // Output: Hello World

函数大写单词(str) { return str.split(' ').map(word => word.charAt(0).toUpperCase() word.slice(1)).join(' '); } console.log(capitalizeWords("hello world")); // 输出：你好世界

结论

掌握 JavaScript 字符串函数对于高效的文本操作和数据处理至关重要。从连接和切片等基本操作到正则表达式匹配和模板文字等更高级的功能，JavaScript 提供了一组丰富的字符串处理工具。通过理解和利用这些函数，您可以编写更清晰、更高效的代码并解决各种编程挑战。

这份综合指南涵盖了 JavaScript 中最重要的字符串函数，并附有示例和解释。练习这些功能并尝试不同的用例，以巩固您的理解并提高您的编码熟练程度。