JavaScript中操作字符串，有哪些方法？

htmljavascript

JavaScript提供了多种内置的方法来操作字符串，包括但不限于：

  1. .length：获取字符串的长度。
  2. .charAt(index)：根据索引（位置）获取字符串中的单个字符。
  3. .concat(string1, string2, ..., stringN)：将两个或多个字符串连接成一个新字符串。
  4. .indexOf(searchValue, fromIndex)：返回指定值在字符串中首次出现的索引，如果不存在则返回-1。
  5. .lastIndexOf(searchValue, fromIndex)：与indexOf类似，但它是从字符串的末尾开始搜索。
  6. .slice(beginIndex, endIndex)：提取字符串的一部分，并返回一个新字符串（不包含endIndex处的字符）。
  7. .substring(indexStart, indexEnd)：与slice类似，但不接受负索引。
  8. .substr(start, length)：从指定索引开始提取指定长度的字符。注意：substr() 方法已被废弃，应避免使用。
  9. .toLowerCase()：将字符串中的所有大写字母转换为小写字母。
  10. .toUpperCase()：将字符串中的所有小写字母转换为大写字母。
  11. .trim()：去除字符串两端的空白字符。
  12. .split(separator, limit)：将字符串分割成子字符串数组，可通过分隔符进行分割。
  13. .replace(searchValue, replaceValue)：在字符串中查找一个匹配项并替换它。
  14. .match(regexp)：执行一个字符串匹配正则表达式，并返回一个包含匹配结果的数组。

下面是一个网页示例，演示了其中一些方法的使用：

示例效果与源代码：

运行效果

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>JavaScript字符串操作方法示例</title>
</head>
<body>

<h2>JavaScript字符串操作方法示例</h2>

<p id="output"></p>

<script>
    var myString = "Hello, World!";

    // 使用一些字符串方法
    var result = "";
    result += "字符串长度: " + myString.length + "<br>";
    result += "指定索引的字符: " + myString.charAt(7) + "<br>";
    result += "字符串连接: " + myString.concat(", How are you?") + "<br>";
    result += "首次出现'W'的索引: " + myString.indexOf('W') + "<br>";
    result += "提取子字符串: " + myString.slice(7, 12) + "<br>";
    result += "转换为小写: " + myString.toLowerCase() + "<br>";
    result += "去除两端空白(尽管这里没有): " + myString.trim() + "<br>";
    result += "使用逗号分割: " + myString.split(',')[0] + "<br>";

    // 显示结果
    document.getElementById('output').innerHTML = result;
</script>

</body>
</html>

在这个示例中，我们创建了一个包含文本"Hello, World!"的字符串，并使用了一系列不同的字符串方法来操作它，包括获取长度、提取字符、连接字符串、查找索引、提取子字符串、转换为小写、去除两端空白（尽管这里没有）以及使用逗号分割字符串。最后，我们将结果显示在页面上的一个<p>元素中。

上一篇：求助在Canvas画布上如何测量文字宽度？

下一篇：在Canvas画布上如何设置文字最大宽度？