掌握JavaScript substr, substring, indexOf, lastIndexOf用法详解

在JavaScript编程中，字符串操作是不可或缺的一部分，特别是处理文本时，substr(), substring(), indexOf(), 和 lastIndexOf() 这四个函数尤其关键。本文档旨在总结和介绍这些常用字符串方法的用法，帮助开发者更好地理解和应用它们。 1. **substr()**: - 函数原型: `substr(start, length)` - 功能：从给定的 `start` 位置开始截取字符串，指定 `length` 参数后将返回指定长度的子串。 - 示例：如 `var src = "images/off_1.png"; alert(src.substr(7, 3));` 将弹出 "off"，因为是从第7个字符（包括）开始，截取3个字符。 2. **substring()**: - 函数原型: `substring(start, end)` - 功能：返回从 `start` 到 `end`（不包括 `end`）的子串。这里的 `start` 和 `end` 位置是包含在内的。 - 示例：`alert(src.substring(7, 10));` 会输出 "off"，因为这里是包含7号但不包含10号字符。 3. **indexOf()**: - 函数原型: `indexOf(searchValue[, fromIndex])` - 功能：查找 `searchValue` 字符串在原字符串中第一次出现的位置，如果找不到则返回 -1。可选的 `fromIndex` 参数用于指定搜索起始位置。 - 示例：`alert(src.indexOf('t'))`, `alert(src.indexOf('i'))`, `alert(src.indexOf('g'))` 分别返回 -1 (未找到), 0 (找到第一个 'i' 在位置0), 和 3 (找到第一个 'g' 在位置3)。 4. **lastIndexOf()**: - 函数原型: `lastIndexOf(searchValue[, fromIndex])` - 功能：与 `indexOf()` 相反，从字符串尾部开始查找 `searchValue` 的首次出现，返回第一个匹配字符的索引。同样可选 `fromIndex` 参数。 - 示例：`alert(src.lastIndexOf('/'))` 返回 6 (最后一个 '/' 在位置6)，`alert(src.lastIndexOf('g'))` 返回 15 (最后一个 'g' 在位置15)。 通过理解并熟练运用这些函数，开发者可以更高效地操作字符串，进行字符串匹配、截取、替换等任务。在实际开发中，结合场景灵活选择合适的函数能够提高代码的可读性和性能。例如，如果你需要查找字符串中最后一次出现某个字符，`lastIndexOf()` 就比 `indexOf()` 更合适。而当你需要截取特定长度的子串时，`substr()` 或 `substring()` 可能更适用，根据是否包含结束位置来决定选择哪个。学习并掌握这些基本工具是提升JavaScript字符串处理能力的基础。