Text Processingflags: g

JavaScript Template Literal Placeholder

Match `${expression}` placeholders inside JavaScript template literals.

Available in

JavaScript / ECMAScript code

jsJavaScript

const re = new RegExp("\\$\\{([^{}]+)\\}", "g");
const input = "`Hello ${name}, you have ${count} items`";
const matches = [...input.matchAll(re)];
console.log(matches.map(m => m[0]));

Uses `String.prototype.matchAll` for global iteration (Node 12+ / all modern browsers).

Python (re) code

pyPython

import re

pattern = re.compile(r"\$\{([^{}]+)\}")
input_text = "`Hello ${name}, you have ${count} items`"
for m in pattern.finditer(input_text):
    print(m.group(0))

Stdlib `re` module — no third-party dependency. Works on Python 3.6+.

Go (RE2) code

goGo

package main

import (
	"fmt"
	"regexp"
)

func main() {
	re := regexp.MustCompile(`\$\{([^{}]+)\}`)
	input := "`Hello ${name}, you have ${count} items`"
	for _, match := range re.FindAllString(input, -1) {
		fmt.Println(match)
	}
}

Uses `regexp.MustCompile` (panics on bad patterns at startup) and `FindAllString` for all matches.

Pattern

regexengine-agnostic

\$\{([^{}]+)\}   (flags: g)

Raw source: \$\{([^{}]+)\}

How it works

\$ matches the dollar sign. \{ matches the opening brace. ([^{}]+) captures one or more non-brace characters as the inner expression. \} matches the closing brace. The pattern won't handle nested braces (e.g. `${ {a:1}.a }`); for that you need a real parser, but this regex covers the common case.