如何从 JavaScript 中的字符串中删除所有连字符

作者

目录

How to Remove all Hyphens from a String in JavaScript

  1. 从 JavaScript 中的字符串中删除所有连字符
  2. 使用从字符串中删除所有连字符String.split()
  3. 使用从字符串中删除所有连字符String.replace()
  4. 在 JavaScript 中替换字符串中的所有连字符
  5. 使用替换字符串中的所有连字符String.split()
  6. 使用替换字符串中的所有连字符String.replace()

从 JavaScript 中的字符串中删除所有连字符

使用该String.replaceAll()方法从字符串中删除所有连字符，例如
const hyphensRemoved = str.replaceAll('-', '');.

该replaceAll()方法将通过用空字符串替换它们来删除字符串中的所有连字符。

索引.js
const str = 'bobby-hadz-com';

const hyphensRemoved = str.replaceAll('-', '');
console.log(hyphensRemoved); // 👉️ bobbyhadzcom

String.replaceAll()方法返回一个新字符串，其中

所有匹配的模式都被提供的替换项替换。

该方法采用以下参数：

姓名 描述
图案 要在字符串中查找的模式。可以是字符串或正则表达式。
替换 用于通过提供的模式替换子字符串匹配的字符串。
索引.js
const str = 'bobby-hadz-com';

const hyphensRemoved = str.replaceAll('-', '');
console.log(hyphensRemoved); // 👉️ bobbyhadzcom

在示例中，我们通过用空字符串替换每次出现来删除所有出现的连字符。

该String.replaceAll()方法返回一个新字符串，其中替换了模式的匹配项。该方法不会更改原始字符串。

字符串在 JavaScript 中是不可变的。

如果您必须经常这样做，请定义一个可重用的函数。

索引.js
function removeAllHyphens(string) {
  return string.replaceAll('-', '');
}

// 👇️ bobbyhadz
console.log(removeAllHyphens('bobby-hadz'));

// 👇️ bobbyhadzcom
console.log(removeAllHyphens('bobby-hadz-com'));

我们定义了一个函数，它将字符串作为参数并从字符串中删除所有出现的连字符。

或者，您可以使用String.split()和Array.join()方法。

使用#从字符串中删除所有连字符String.split()

要从字符串中删除所有连字符：

  1. 使用该split()方法在每次出现连字符时将字符串拆分为一个数组。
  2. 使用该join()方法将数组连接成一个没有分隔符的字符串。
索引.js
const str = 'bobby-hadz-com';

const hyphensRemoved = str.split('-').join('');
console.log(hyphensRemoved); // 👉️ 'bobbyhadzcom'

我们使用该String.split()方法在每个连字符上拆分字符串。

索引.js
const str = 'bobby-hadz-com';

// 👇️ [ 'bobby', 'hadz', 'com' ]
console.log(str.split('-'));

String.split()方法接受一个分隔符，并在每次出现所提供的分隔符时将

字符串拆分为一个数组。

该String.split()方法采用以下 2 个参数：

姓名 描述
分隔器 描述每个拆分应该发生的位置的模式。
限制 一个整数，用于指定要包含在数组中的子字符串数的限制。

最后一步是使用
Array.join()
方法在没有分隔符的情况下连接所有数组元素。

如果separator省略参数值，则数组元素用逗号连接,。

如果separator参数设置为空字符串，则数组元素之间没有任何字符连接。

我们使用空字符串分隔符来连接没有分隔符的数组元素。

如果你必须经常这样做，你可以创建一个可重用的函数。

索引.js
function removeAllHyphens(string) {
  return string.split('-').join('');
}

// 👇️ bobbyhadz
console.log(removeAllHyphens('bobby-hadz'));

// 👇️ bobbyhadzcom
console.log(removeAllHyphens('bobby-hadz-com'));

该函数接受一个字符串并从该字符串中删除所有出现的连字符。

或者，您可以使用该String.replace()方法。

使用#从字符串中删除所有连字符String.replace()

使用该String.replace()方法从字符串中删除所有连字符。

该replace()方法将返回一个新字符串，其中通过用空字符串替换每个连字符来删除所有连字符。

索引.js
const str = 'bobby-hadz-com';

const withoutHyphens = str.replace(/-/g, '');
console.log(withoutHyphens); // 👉️ 'bobbyhadzcom'

String.replace()
方法返回一个新字符串，其中一个、一些或所有正则表达式的匹配项被替换为提供的替换项。

该方法采用以下参数：

姓名 描述
图案 要在字符串中查找的模式。可以是字符串或正则表达式。
替换 用于通过提供的模式替换子字符串匹配的字符串。

该String.replace()方法返回一个新字符串，其中替换了模式的匹配项。该方法不会更改原始字符串。

正斜杠/ /标记正则表达式的开始和结束。

我们使用了g(global) 标志，因为我们想要匹配连字符的所有出现，而不仅仅是第一次出现。

要从字符串中删除连字符，我们只需将它们替换为空字符串即可。

如果您必须经常这样做，请将逻辑提取到可重用的函数中。

索引.js
function removeAllHyphens(string) {
  return string.replace(/-/g, '');
}

// 👇️ bobbyhadz
console.log(removeAllHyphens('bobby-hadz'));

// 👇️ bobbyhadzcom
console.log(removeAllHyphens('bobby-hadz-com'));

该函数将字符串作为参数，并从字符串中删除所有出现的连字符。

您选择哪种方法是个人喜好的问题。我会使用该
String.replaceAll()方法，因为我发现它非常直接且易于阅读。

在 JavaScript 中替换字符串中的所有连字符

使用该String.replaceAll()方法替换字符串中的所有连字符，例如
const hyphensReplaced = str.replaceAll('-', '^');.

该replaceAll方法返回一个新字符串，其中所有匹配项都替换为提供的替换项。

索引.js
const str = 'a-b-c';

const hyphensReplaced = str.replaceAll('-', '^');
console.log(hyphensReplaced); // 👉️ 'a^b^c'

String.replaceAll()方法返回一个新字符串，其中

所有匹配的模式都被提供的替换项替换。

该方法采用以下参数：

姓名 描述
图案 要在字符串中查找的模式。可以是字符串或正则表达式。
替换 用于通过提供的模式替换子字符串匹配的字符串。
索引.js
const str = 'a-b-c';

const hyphensReplaced = str.replaceAll('-', '^');
console.log(hyphensReplaced); // 👉️ 'a^b^c'

在示例中，我们将所有出现的连字符替换为插入符号^。

该String.replaceAll()方法返回一个新字符串，其中替换了模式的匹配项。该方法不会更改原始字符串。

字符串在 JavaScript 中是不可变的。

如果您必须经常这样做，请定义一个可重用的函数。

索引.js
function replaceAllHyphens(string, replacement) {
  return string.replaceAll('-', replacement);
}

// 👇️ bobby+hadz+com
console.log(replaceAllHyphens('bobby-hadz-com', '+'));

// 👇️ bobby!hadz!com
console.log(replaceAllHyphens('bobby-hadz-com', '!'));

我们定义了一个函数，它接受一个字符串和一个替换项作为参数，并替换字符串中出现的所有连字符。

或者，您可以使用String.split()和Array.join()方法。

使用#替换字符串中的所有连字符String.split()

要替换字符串中的所有连字符：

  1. 在每次出现连字符时，使用该split()方法将字符串拆分为一个数组。
  2. 使用该join()方法将数组连接成带有分隔符的字符串。
索引.js
const str = 'a-b-c';

const hyphensReplaced = str.split('-').join('+');
console.log(hyphensReplaced); // 👉️ 'a+b+c'

我们使用该String.split()方法在每个连字符上拆分字符串。

索引.js
const str = 'a-b-c';

const split = str.split('-');

console.log(split); // 👉️ ['a', 'b', 'c']

String.split方法采用

分隔符，并在每次出现所提供的分隔符时将字符串拆分为一个数组。

该String.split()方法采用以下 2 个参数：

姓名 描述
分隔器 描述每个拆分应该发生的位置的模式。
限制 一个整数，用于指定要包含在数组中的子字符串数的限制。

最后一步是使用
Array.join()
方法连接所有带有分隔符的数组元素（替换每个连字符）。

如果separator省略参数值，则数组元素用逗号连接,。

如果separator参数设置为空字符串，则数组元素之间没有任何字符连接。

如果你必须经常这样做，你可以创建一个可重用的函数。

索引.js
function replaceAllHyphens(string, replacement) {
  return string.split('-').join(replacement);
}

// 👇️ bobby-hadz
console.log(replaceAllHyphens('bobby-hadz', '-'));

// 👇️ bobby!hadz
console.log(replaceAllHyphens('bobby-hadz', '!'));

该函数将一个字符串和一个替换项作为参数，并替换字符串中出现的所有连字符。

或者，您可以使用该String.replace()方法。

使用#替换字符串中的所有连字符String.replace()

使用该String.replace()方法替换字符串中的所有连字符。

该replace()方法将返回一个新字符串，其中所有连字符都替换为提供的替换项。

索引.js
const str = 'a-b-c';

const hyphensReplaced = str.replace(/-/g, '+');
console.log(hyphensReplaced); // 👉️ 'a+b+c'

String.replace()
方法返回一个新字符串，其中一个、一些或所有正则表达式的匹配项被替换为提供的替换项。

该方法采用以下参数：

姓名 描述
图案 要在字符串中查找的模式。可以是字符串或正则表达式。
替换 用于通过提供的模式替换子字符串匹配的字符串。

该String.replace()方法返回一个新字符串，其中替换了模式的匹配项。该方法不会更改原始字符串。

正斜杠/ /标记正则表达式的开始和结束。

我们使用了g(global) 标志，因为我们想要匹配连字符的所有出现，而不仅仅是第一次出现。

我们在示例中将每个连字符替换为加号，但您可以使用任何其他替换字符串。

如果您必须经常这样做，请将逻辑提取到可重用的函数中。

索引.js
function replaceAllHyphens(string, replacement) {
  return string.replace(/-/g, replacement);
}

// 👇️ bobby-hadz
console.log(replaceAllHyphens('bobby-hadz', '-'));

// 👇️ bobby!hadz
console.log(replaceAllHyphens('bobby-hadz', '!'));

该函数将一个字符串和一个替换项作为参数，并替换字符串中出现的所有连字符。

–