CODEWITHSUNDEEP
javascriptregex
Jon Sud
Jon Sud

Reputation: 11641

How to change the regex so it match function calls in the string?

I want to add optional property access expressions in the string, including function calls.

For example, for each input in the array, the output should be like in the comment.

const inputs = [
  'foo', //foo
  'foo.bar', //foo.bar
  'foo.bar.baz', // foo.bar?.baz
  'bla.some()', // bla.some?.()
  'bla.bar.you()', // bla.bar?.you?.()
  'account === prop.account.id', // account === prop.account?.id
  '{ myclass: foo.bar.baz }', // { myclass: foo.bar?.baz }
];

So to do that I create a regex: /(\w+)\.(?!\?)/g, which mean after a word with . match the next prop add add ? using replace method:

const input = "foo.bar.baz.you";
const output = input.replace(/(?<=\w+\.)(\w+)\.(?!\?)/g, "$1?.");
console.log(output); // foo.bar?.baz?.you

it works for property access only and I want to add also for function calls: bla.some()

const inputs = [
  'foo', //foo
  'foo.bar', //foo.bar
  'foo.bar.baz', // foo.bar?.baz
  'bla.some()', // bla.some?.()
  'bla.bar.you()', // bla.bar?.you?.()
  'account === prop.account.id', // account === prop.account?.id
  '{ myclass: foo.bar.baz }', // { myclass: foo.bar?.baz }
];

inputs.slice(0, 20).forEach((f) => {

  const output = f.replace(/(?<=\w+\.)(\w+)\.(?!\?)/g, '$1?.');
  console.log(output);
});

How I can change that regex so it match also to function calls?

Upvotes: 0

Views: 47

Answers (1)

RomanPerekhrest
RomanPerekhrest

Reputation: 92854

Use replacement function which will be invoked after a match has been performed to check if it matches interim property (.prop.) or a function call (.func()):

const inputs = [
    'foo', //foo
    'foo.bar', //foo.bar
    'foo.bar.baz', // foo.bar?.baz
    'bla.some()', // bla.some?.()
    'bla.bar.you()', // bla.bar?.you?.()
    'account === prop.account.id', // account === prop.account?.id
    '{ myclass: foo.bar.baz }', // { myclass: foo.bar?.baz }
];

inputs.slice(0, 20).forEach((f) => {
    const output = f.replace(/(?<=\w+\.\w+)(\.|\(\))/g, function(m) {
        return '?' + (m == '()' ? '.' : '') + m;
    });
    console.log(output);
});

Upvotes: 1

Related Questions