JavaScript 中字符串数据类型掌握指南-js教程-PHP中文网

A Guide to Master String Data Type in JavaScript

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!

登录后复制

10. 替换()

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

let str = "JavaScript is awesome!";
let newStr = str.replace("awesome", "fantastic");
console.log(newStr); // Output: JavaScript is fantastic!

登录后复制

11. 搜索（）

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

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

登录后复制

12. 切片（）

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

let str = "JavaScript";
console.log(str.slice(0, 4)); // Output: Java

登录后复制

13. 分割()

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

let str = "Hello, World!";
let arr = str.split(", ");
console.log(arr); // Output: [ 'Hello', 'World!' ]

登录后复制

14. 开始（）

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

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

登录后复制

15. 子串()

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

let str = "JavaScript";
console.log(str.substring(0, 4)); // Output: Java

登录后复制

16.toLowerCase()

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

let str = "JavaScript";
console.log(str.toLowerCase()); // Output: javascript

登录后复制

17. toUpperCase()

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

let str = "JavaScript";
console.log(str.toUpperCase()); // Output: JAVASCRIPT

登录后复制

18. 修剪（）

删除字符串两端的空格。

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

登录后复制

19. 修剪开始()

删除字符串开头的空格。

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

登录后复制

20. 修剪结束（）

删除字符串末尾的空格。

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

登录后复制

21. valueOf()

返回 String 对象的原始值。

let str = new String("JavaScript");
console.log(str.valueOf()); // Output: JavaScript

登录后复制

模板文字

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

let name = "John";
let greeting = `Hello, ${name}! How are you?`;
console.log(greeting); // Output: Hello, John! How are you?

登录后复制

字符串.raw()

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

let str = String.raw`Hello\nWorld!`;
console.log(str); // Output: Hello\nWorld!

登录后复制

实际例子

示例 1：反转字符串

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

登录后复制

示例 2：检查回文

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

登录后复制

示例 3：将每个单词的第一个字母大写

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

登录后复制