Regex: получить значение высоты из строки в JavaScript

Question

У меня есть строка как .hello-world-chat-size {height: 350px !important;}, и я хочу извлечь значение атрибута height i.e 350. Я пробовал это регулярное выражение /^height\:(.*)$/gm, но не могу получить никакого результата.

Answer 1

Проблема возникает из-за того, что ^ соответствует началу строки и $ соответствует концу строки. Фактически, (.*)$ соответствует всей остальной части линии, но так как начало шаблона не совпало, совпадения не было. Вы можете просто использовать

/height:\s*(\d+)px/ 

или

/height:\s*(\d+)/ 

Смотрите regex demo

Детали:

• height: - буквальное подстроку height:
• \s* - ноль или более пробельных символов
• (\d+) - 1 или более цифр
• px - это символьная строка px (на самом деле, он является излишним, но только в том случае, если вы могли бы иметь другое значение без px, вы можете сохранить его чтобы быть столь же явно, как может быть)

JS демо:

var re = /height:\s*(\d+)px/; 
 
var str = '.hello-world-chat-size {height: 350px !important;}'; 
 
var m = str.match(re); 
 
if (m) { 
 
    console.log(m[1]); 
 
}