Javascript Regex, чтобы найти числа, за которыми следует 'px' или '%'

Question

Я пытаюсь сделать регулярное выражение в javascript, чтобы найти числа, за которыми следуют px, % или вообще нет единицы, мои вопросы - посмотреть, структура этого регулярного выражения верна.

[0-9]*\.?[0-9]+(px|%)? 

Приложение будет как этот

var string = '10px, 15px, 10'; 
var regex = [0-9]*\.?[0-9]+(px|%)? 
var matches = string.match(regex); // return [ '10px', '15px', 10 ] 

Я уже проверил это, но я хочу быть уверен, что, если структура является правильным.

Answer 1

кажется хорошо, кроме того, что вы забыли поставить регулярное выражение в регулярных выражениях кавычки, и вы, вероятно, хотите, чтобы это не было чувствительна к регистру, поэтому:

var regex = /[0-9]*\.?[0-9]+(px|%)?/i; 

Обратите внимание, что [0-9] может быть \d. Кроме того, если вы не используете группу захвата, вы можете сделать эту группу без захвата. Итак:

var regex = /\d*\.?\d+(?:px|%)?/i; 

Вы не позволяя пробельных после цифр и до px/%, но я полагаю, что это намеренно.

Answer 2

Вы можете использовать следующее регулярное выражение:

var regex = /[0-9]+(?:\.[0-9]+)?(?=px|%|\b)/i; 

(?=px|%|\b) будет соответствовать номерам с последующим px, % или границы слова.

См demo

Answer 3

Насколько я понимаю, ваше регулярное выражение будет также соответствовать .2

Попробуйте это:

[0-9]+(\.[0-9]+)?(px|%)? 

Объяснение:

[0-9]+ это число

(\.[0-9]+)? является необязательной частью фракции

(px|%)? - дополнительный блок.

Кстати, вы можете использовать \d для цифр, если хотите. Некоторые скажут, что это более читаемо:

\d+(\.\d+)?(px|%)? 

Answer 4

Я бы написал это следующим образом.

/\d*\.?\d+(?:px|%)?/g