Невозможно сопоставить это регулярное выражение в Javascript

Question

Мне нужно применить регулярное выражение для замены блока строки.

это мой код:

var style = "translate(-50%, -50%) translate3d(3590px, 490px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(1)"; 

style = style.replace(/translate3d\(.+\)/,"asdf"); 

Мне нужно заменить эту часть: "translate3d(3590px, 490px, 0px)" , но он не работает, потому что он заменяет до последнего «)», так что не будет: "translate(-50%, -50%) asdf"

Answer 1

. соответствует всем символам. Заставьте его пропустить закрывающие скобки:

style = style.replace(/translate3d\([^)]+\)/,"asdf"); 

пытается его:

> var style = "translate(-50%, -50%) translate3d(3590px, 490px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(1)"; 
> style = style.replace(/translate3d\([^)]+\)/,"asdf"); 
'translate(-50%, -50%) asdf rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(1)' 

Answer 2

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

style = style.replace(/translate3d\(.+?\)/,"asdf"); 

Собираем ? после + делает его использует самый короткий матч, а не самый длинный.

Answer 3

он заменяет до последнего ")", потому что квантор "+" является жадным по умолчанию. Вы можете изменить это, поставив "?" сразу после этого.

Правильное регулярное выражение: translate3d\(.+?\).