替换所有以冒号开头的字符串，例如快速路由路径

Question

I have strings like this:

const a = '/example/:someItemUuid/hello'
const b = '/example/:someItemUuid/hello/:otherItemUuid'

const params = {
  someItemUuid: '12345',
  otherItemUuid: '67890'
}

I am looking for a simple way to pass:

buildUrl(a, params) and get /example/12345/hello

buildUrl(b, params) and get /example/12345/hello/67890

Is there a simple way library that exists that does this, or a simple way using lodash?

Answer 1

You need not to split and join. You can use replace and it's callback

 const a = '/example/:someItemUuid/hello' const b = '/example/:someItemUuid/hello/:otherItemUuid' const params = {someItemUuid: '12345',otherItemUuid: '67890'} let replaceValues = (str,params) => str.replace(/(^|\/):(\w+)(?=\/|$)/g, (m, g1, g2) => g1 + (params[g2] || m)) console.log(replaceValues(a,params)) console.log(replaceValues(b,params))

---

If your environment supports lookbehind also then you can use

`(?<=^|\/):(\w+)(?=\/|$)

Answer 2

  const fullLink = page.split('/').map(i => {
    if (i.match(/^:/)) return camelizePayload[i.replace(/^:/, '')]
    return i
  }).join('/')