使用 JavaScript 在特定索引处拆分字符串

作者

使用 JavaScript 在特定索引处拆分字符串

Split a String at a specific Index using JavaScript

要在特定索引处拆分字符串，请使用该slice方法获取字符串的两个部分，例如str.slice(0, index)返回字符串的一部分，但不包括提供的索引，并str.slice(index)返回字符串的其余部分。

索引.js
function split(str, index) {
  const result = [str.slice(0, index), str.slice(index)];

  return result;
}

const [first, second] = split('abcd', 2);

console.log(first); // 👉️ "ab"
console.log(second); // 👉️ "cd"

我们创建了一个可重用的函数，它将一个字符串和一个索引作为参数。

我们使用
String.slice
方法根据提供的索引拆分字符串。

我们使用以下参数调用该方法：

  1. start index – 要包含在字符串中的第一个字符的索引
  2. 结束索引– 上升到但不包括该索引

第一次调用该slice方法获取子字符串，但不包括提供的索引。

索引.js
console.log('abcd'.slice(0, 2)); // 👉️ "ab"

对该方法的第二次调用slice获取字符串的其余部分。

索引.js
console.log('abcd'.slice(2)); //  👉️ "cd"
当传递单个参数时，该slice方法从提供的索引开始，包括字符到字符串的末尾。

我们的split函数返回一个包含两个子字符串的数组。

索引.js
function split(str, index) {
  const result = [str.slice(0, index), str.slice(index)];

  return result;
}

const arr = split('abcd', 2);
console.log(arr); // 👉️ ['ab', 'cd']

我们可以使用
解构赋值
将子字符串赋值给变量。

索引.js
function split(str, index) {
  const result = [str.slice(0, index), str.slice(index)];

  return result;
}

// 👇️ destructure array elements and assign to variables
const [first, second] = split('abcd', 2);

console.log(first); // 👉️ "ab"
console.log(second); // 👉️ "cd"

解构赋值语法使我们能够在单个语句中将数组中的值赋给first和变量。second

如果您只需执行一次，则无需创建可重用函数。

索引.js
const str = 'abcd';
const index = 2;

const first = str.slice(0, index);
const second = str.slice(index);

console.log(first); // 👉️ "ab"
console.log(second); // 👉️ "cd"

代码示例实现了相同的结果，但更加硬编码和简化。

如果您只需要根据提供的索引拆分字符串一次或两次，最好避免过早的抽象。

–