JavaScript截取、切割字符串的技巧

JavaScript中的字符串处理技巧

在JavaScript中，处理字符串是一个常见的任务。以下是一些关于如何截取和切割字符串的技巧，供大家参考。

一、分割与合并

1. 使用split()函数。此函数使用一个指定的分隔符将一个字符串分割并存储到数组中。例如：str=”jpg|bmp|gif|ico|png”; arr=str.split(”|”)；这样，arr就是一个包含所有文件格式的数组。

2. 使用join()函数。此函数可以将一个数组合并为一个字符串，并使用您选择的分隔符。例如：myList包含不同的文件格式，通过myList.join(”|)”，我们可以将其合并为一个字符串，并用竖线分隔。

二、字符串连接与截取

3. 使用concat()函数连接两个或多个数组。例如：arr1和arr2是两个数组，通过arr1.concat(arr2)，我们可以将它们连接在一起。

4. 使用charAt()函数返回字符串中指定位置的字符。字符串中第一个字符的下标是 0。例如：str.charAt(2)将返回字符串中的第三个字符。

5. 使用charCodeAt()函数返回指定位置的字符的Unicode编码。例如：str.charCodeAt(2)将返回字符g的Unicode编码。

三、字符串切片与提取子串

6. 使用slice()函数从字符串中提取部分字符串。你可以指定开始和结束位置来提取子串。例如：str.slice(2,5)将提取从第三个字符开始到第五个字符之前的子串。

在编程的世界里，字符串处理是一项基本技能。其中，处理字符串的子串更是关键。今天我们来深入一下 JavaScript 中的 `substr` 方法。

这个方法用于从字符串中提取子串，它的定义和用法相当直观。通过指定起始位置和长度，我们可以轻松获取所需的子字符串。语法简洁明了：`stringObject.substr(start [, length])`。

参数 `start` 是必需的。它代表子字符串的起始位置。在 JavaScript 中，字符串的索引是从 0 开始的。如果你想从字符串的第一个字符开始提取子串，那么 `start` 的值就应该是 0。

参数 `length` 是可选的。它表示在返回的子字符串中应包含的字符个数。如果你想提取的子串包含所有从起始位置到字符串末尾的字符，那么就可以省略这个参数。

这个方法的运行逻辑相当直观。如果 `length` 参数为 0 或负数，那么它会返回一个空字符串。这是因为没有指定需要提取的字符数量，或者指定的数量不足以从起始位置开始提取。如果没有指定 `length` 参数，那么子字符串将会延续到 `stringObject` 的末尾。也就是说，它会一直提取到字符串的最后一个字符。这个设计相当灵活，可以满足不同的需求。在这个基础上，我们可以轻松地处理各种复杂的字符串任务。无论我们需要提取特定长度的子串，还是需要从特定位置开始提取子串，都可以通过 `substr` 方法轻松实现。这也体现了 JavaScript 在处理字符串方面的强大和灵活。无论是在处理用户输入，还是在构建复杂的网页应用时，这个技能都将为我们提供巨大的帮助。JavaScript中的字符串处理：substr和substring方法与对比

在JavaScript中，字符串处理是常见的编程任务之一。其中，`substring`和`substr`是两种常用的字符串截取方法。尽管它们的功能相似，但在细节上存在一些差异。下面，我们将对这两种方法进行详细并对比。

让我们看一下`substring`方法。此方法接受一个或两个参数，分别表示要截取的字符串的开始和结束位置。例如：

```javascript

var str = "";

alert(str.substring(0)); // ""

alert(str.substring(5)); // "56789"

```

这里需要注意的是，`substring`方法的参数是字符的位置，而不是字符的数量。这意味着如果你提供一个负数作为参数，JavaScript会将其视为从字符串的末尾开始计算的位置。例如：

```javascript

alert(str.substring(-5)); // ""

```

接下来是`substr`方法。这个方法也接受一个或两个参数，第一个参数表示开始位置，第二个参数表示要截取的字符的数量。例如：

```javascript

alert(str.substr(0)); // ""

alert(str.substr(5, 5)); // "56789"

```

与`substring`方法不同的是，如果给`substr`方法提供一个负数作为开始位置，它不会将其视为从末尾开始的位置，而是直接忽略这个参数。例如：

```javascript

alert(str.substr(-5)); // "" （空字符串）

```

通过对比可以看出，虽然`substring`和`substr`在功能上有很多相似之处，但在处理负参数时，它们的行为是不同的。在编程时需要根据具体需求选择使用哪种方法。还需要注意的是，这两个方法都不会改变原始字符串，而是返回一个新的字符串。