骆驼案例 BEM 的正则表达式

Question

我需要一个正则表达式模式来匹配遵循此结构的驼峰式 BEM 类：

BlockName_elementName-modifierName

我创建了这个正则表达式来完成这项工作：

([A-Z][a-z0-9]+)+(\_[a-z0-9]+[A-Z0-9]?[a-z0-9]*)?(\-[a-z0-9]+[A-Z0-9]?[a-z0-9]*)?

应该匹配的字符串示例：

Block
BlockName
BlockNameLonger
BlockName93

BlockName_element
BlockName_elementName
BlockName_elementNameLonger
BlockName_4elementName

BlockName_elementName-modifier
BlockName_elementName-modifierName
BlockName_elementName-modifierNameLonger
BlockName_elementName-modifier567Name

目前它匹配除“更长”字符串之外的所有字符串。我无法弄清楚如何正确分组以匹配任何长度的骆驼案例组。有人可以帮忙吗？

在这里查看演示：http://regexr.com/3h0sf

Answer 1

原文：([A-Z][a-z0-9]+)+(\_[a-z0-9]+[A-Z0-9]?[a-z0-9]*)?(\-[a-z0-9]+[A-Z0-9]?[a-z0-9]*)?

分成几组以了解每组匹配的内容：

• ([A-Z][a-z0-9]+)+至少1组1个大写和至少1个小写/数字

• (\_[a-z0-9]+[A-Z0-9]?[a-z0-9]*)? （可选）下划线后跟一些小写/数字，然后可选一个大写，然后是任意数量的小写/数字

• (\-[a-z0-9]+[A-Z0-9]?[a-z0-9]*)? 与上述相同，但以破折号开头。

我们需要在一组小写之后将第 2 位和第 3 位更改为第 1 位，因此我们只需将其拼接到它们中即可：

• (\_[a-z0-9]+([A-Z][a-z0-9]+)*)?（将 + 更改为 *，因为可能没有任何大写组）

• (\-[a-z0-9]+([A-Z][a-z0-9]+)*)?

大家一起：

([A-Z][a-z0-9]+)+(\_[a-z0-9]+([A-Z][a-z0-9]+)*)?(\-[a-z0-9]+([A-Z][a-z0-9]+)*)?