javascript - 如何从 Javascript 中的字符串中提取 Id

Question

我从后端接收 Id(数字类型)和值(字符串类型)，并将其作为一个整体传递给另一个组件:

const id = 12;
const value = "my_string_may_include_numbers_and_spaces";

const valueToSend = `${id} ${value}`

<MyComponent propString={valueToSend} />

有什么方法可以获取 prop 并从 MyComponent 内部提取两个值吗？id 和 value 由空格分隔，但我可以在中间包含任何内容，例如 * 或 %(如果有帮助的话)，我只是还没有找到一种方法来做到这一点。

提前致谢

Answer 1

许多执行此值串联操作的人都使用管道字符 |。在您的情况下，您发送的值将是 12|my_string_may_include_numbers_and_spaces。

这很方便，因为

• 管道字符在很多情况下不会出现，因此它们是一个很好的分隔符。
• 您可以使用propertyString.split('|', 2)并获取两个字符串的数组。

您还可以考虑使用制表符。您可以在 Javascript 字符串中输入 \t。这看起来像这样:

const delimiter = '\t'
const propertyString = [
              12, 
              "my_string_may_include_numbers_and_spaces"]
           .join(delimiter)
const array = propertyString.split(delimiter, 2)

制表符的问题在于它们很难在控制台日志和其他调试输出中看到。