如何正则表达式匹配未知数量的重复元素



我正在尝试编写一个Ruby脚本,用它们的px等价物替换CSS文件中的所有rem值。这将是一个示例CSS文件:

body{font-size:1.6rem;margin:4rem 7rem;}

我想得到的匹配数据是:

#    Match 1           Match 2
#    1. font-size      1. margin
#    2. 1.6            2. 4
#                      3. 7

然而,我完全不知道如何获得多个不同的MatchData结果。RegEx让我最接近的是这个(你也可以在Rubular上看看):

/([^}{;]+):s*([0-9.]+?)rem(?=s*;|s*})/i

这将匹配值声明的单个实例(因此它将正确地返回所需的match 1结果),但完全忽略倍数。

我也尝试了一些类似([0-9.]+?rems*)+的方法,但也没有返回所需的结果,而且感觉我没有走上正轨,因为它不会返回多个结果数据集。


EDIT根据答案中的建议,我最终解决了这样的问题:

# search for any declarations that contain rem unit values and modify blockwise
@output.gsub!(/([^ }{;]+):s*([^}{;]*[0-9.]rem+[^;]*)(?=s*;|s*})/i) do |match|
  # search for any single rem value
  string = match.gsub(/([0-9.]+)rem/i) do |value|
    # convert the rem value to px by multiplying by 10 (this is not universal!)
    value = sprintf('%g', Regexp.last_match[1].to_f * 10).to_s + 'px'
  end
  string += ';' + match # append the original match result to the replacement
  match = string # overwrite the matched result
end

您无法捕获动态数量的匹配组(至少在ruby中没有)。

相反,您可以执行以下任一操作:

  1. 获取整体价值并在空间上进行拆分
  2. 使用多级匹配首先捕获整个键/值对,然后匹配值。您可以在ruby中的match方法上使用块

此正则表达式将为您的示例执行以下操作:

([^}{;]+):(?:([0-9.]+?)rems?)?(?:([0-9.]+?)rems?)

但是,你无法匹配这样的东西:margin:4rem 7rem 9rem

这就是我所能做的:演示

Regex:(?<={|;)([^:}]+)(?::)([^A-Za-z]+)

这就是我的结果:

 #    Match 1           Match 2
 #    1. font-size      1. margin
 #    2. 1.6            2. 4

正如@koffeinfrei所说,在Ruby中动态捕获是不可能的。捕获整个字符串并删除空格会更明智。

str = 'body{font-size:1.6rem;margin:4rem 7rem;}'
str.scan(/(?<=[{; ]).+?(?=[;}])/)
   .map { |e| e.match /(?<prop>.+):(?<value>.+)/ }
#⇒ [
#    [0] #<MatchData "font-size:1.6rem" prop:"font-size" value:"1.6rem">,
#    [1] #<MatchData "margin:4rem 7rem" prop:"margin" value:"4rem 7rem">
# ]

后一个match可能很容易被调整为返回您想要的任何值,value.split(/s+/)将返回所有值,d+而不是.+将只匹配数字等。

相关内容

  • 没有找到相关文章

最新更新