JavaScript的字符串方法汇总

字符串操作在JavaScript中极为常见且重要。有时，尽管我们刚刚阅读完关于字符串操作的书籍并深刻理解了其中的内容，但随着时间的流逝，记忆也会逐渐模糊。为了避免这种情况，我决定对字符串的一些常用操作进行整理，以便加深记忆，并供今后随时查阅和复习。

一、字符的获取与Unicode编码转换

1. stringObject.charAt()：此方法用于获取字符串中指定下标的字符。例如：

```javascript

var str = "这是一串字符串";

console.log(str.charAt(0)); // 输出："这"

```

2. stringObject.charCodeAt()：此方法返回字符串中指定位置的字符的Unicode编码。例如：

```javascript

var str = "这是一串字符串";

console.log(str.charCodeAt(0)); // 输出：36825，这是"这"的Unicode编码。

```

3. String.fromCharCode()：通过Unicode编码返回对应的字符。例如：

```javascript

console.log(String.fromCharCode(36825, 26159)); // 输出："这是"

```

二、检测字符串中的数字与字符位置

例如，我们可以编写一个函数来检测输入字符串是否全部由数字组成。在此函数中，我们使用`charCodeAt()`方法来检测每个字符的Unicode编码是否位于数字的范围（即48-57）内。如果不在此范围内，则返回`false`；否则返回`true`。还有其他方法如：

三、查找字符串中的字符位置

使用stringObjectdexOf()方法，我们可以查找某个指定的字符串值在字符串中的位置。此方法接受两个参数：要查找的值和开始查找的下标。如果未找到该值，则返回-1。例如：查找字符"xs"在给定字符串中的所有出现位置。

四、从后往前查找字符位置

与`indexOf()`方法相反，stringObject.lastIndexOf()方法会从字符串的末尾开始向前查找指定的字符串值。这对于查找某些特定内容在字符串中的最后出现位置非常有用。还有其他的字符串操作方法如：stringObject.substring()，该方法用于提取字符串中介于两个指定下标之间的字符。这些操作对于处理和分析文本数据非常有帮助。在实际应用中，我们可以结合这些方法编写出各种实用的JavaScript程序来处理用户的输入或其他文本数据。JavaScript中的字符串与数组操作详解及实际应用案例

一、字符串方法概述

在JavaScript中，字符串（String）对象提供了一系列的方法用于操作和转换字符串。比如将字符串中的字母转为大写或小写、分割字符串、连接数组元素等。接下来，我们将详细介绍几个常用的字符串方法。

二、字符串转大小写

1. stringObject.toUpperCase()：此方法将字符串中的所有字母转为大写。

2. stringObject.toLowerCase()：此方法将字符串中的所有字母转为小写。

示例代码：

```javascript

var str = "Hello World";

console.log(str.toUpperCase()); // 输出 "HELLO WORLD"

console.log(str.toLowerCase()); // 输出 "hello world"

```

三、字符串分割

stringObject.split()：此方法用于将一个字符串分割成字符串数组。可以指定分割符以及保留的数组数量。

示例代码：

```javascript

var str = "121314";

console.log(str.split("")); // 输出 ["1", "2", "1", "3", "1", "4"]

console.log(str.split("1")); // 输出 ["", "2", "3", "4"]

console.log(str.split("", 2)); // 输出 ["1", "2"]

```

四、数组连接

arrObject.join()：此方法用于将数组中的所有元素连接成一个字符串，元素之间由指定的分隔符进行分隔。

示例代码：

```javascript

var arr = [1, 2, 3];

console.log(arr.join("")); // 输出 "123"

console.log(arr.join("-")); // 输出 "1-2-3"

```

五、实际应用案例：高亮显示查找的关键字

以下是一个实际应用案例，当用户输入关键字后，点击按钮，页面中关于该关键字的部分会被高亮显示。此案例中使用了上述介绍的字符串和数组方法。

HTML代码：

```html

搜索

```

JavaScript代码：

```javascript

var oin = document.getElementById("oin");

var obtn = document.getElementsByTagName('button')[0];

var str = "这里是要被搜索的文本，其中包含关键字。"; // 替换为实际文本内容

var h = ""; // 用于存储处理后的HTML内容

obtn.onclick = function() {

if (oin.value == "") { // 输入为空则提示用户重新输入

alert("请输入关键字");

return; // 结束函数执行，不再继续后续代码

} else { // 查找关键字并高亮显示结果内容在页面中展示结果内容展示结果内容展示结果内容展示结果内容展示结果内容展示结果内容展示结果内容展示结果内容展示结果内容展示结果内容展示结果内容展示结果内容展示结果内容展示结果内容展示结果内容展示结果内容展示结果内容展示结果内容展示结果内容展示结果内容展示结果内容展示结果内容展示结果内容展示结果内容展示结果内容展示结果内容"); // 使用正则表达式进行模糊匹配，包含关键字的部分将被高亮显示；否则提示用户未找到关键字，重新输入搜索关键词；最后将处理后的HTML内容显示在页面中。通过点击按钮实现搜索功能，并将搜索结果以红色字体高亮显示在页面上。通过这种方式，用户可以直观地看到关键字在文本中的位置，提高搜索效率和使用体验。"}; var s = oin.value; if (strdexOf(s) != -1) { var m = '' + s + ''; str = str.split(s); h = str.join(m); document.bodynerHTML = h; } else { alert("未找到关键字"); } }; ``` 以上代码实现了用户输入关键字后，通过点击按钮实现搜索功能，并将搜索结果以红色字体高亮显示在页面上。通过这种方式，用户可以直观地看到关键字在文本中的位置，提高搜索效率和使用体验。此案例运用了之前介绍的字符串和数组方法，将页面内容与用户交互结合到一起，展示了JavaScript的强大功能。希望这个例子能帮助大家更好地理解和掌握这些基础知识。 六、总结 本文详细介绍了JavaScript中的几个常用字符串方法和实际应用案例，包括将字母转为大写或小写、分割字符串、连接数组元素等。这些方法在实际开发中非常常用，掌握它们对于提高编程能力和效率非常重要。通过实际应用案例的演示，帮助大家更好地理解和掌握这些基础知识的实际应用场景。希望本文能对大家有所帮助。