Transform an object into an object with its values as deeply nested keys to themselves

populateWithDotSyntax.js

const isLiteralObject = (object => !!object && object.constructor === Object)

function populateWithDotSyntax (object, parent = null) {
  return Object.entries(object).reduce((obj, [ key, value ]) => {
    const string = parent !== null ? `${parent}.${ key }` : key
    if (isLiteralObject(value)) {
      obj[key] = populateWithDotSyntax(value, string)
    } else if (Array.isArray(value)) {
      obj[key] = value.map((i, index) => populateWithDotSyntax(i, `${key}.${index}`))
    } else {
      obj[key] = `{{ ${string} }}`
    }
    return obj
  }, {})
}

const data = {
  simple: "Simple",
  nested: {
    one: "Nested One",
    two: {
      three: "Triple Nested"
    }
  },
  array: [
    {
      title: 'Array First',
      date: new Date()
    },
    {
      title: 'Array Second',
      date: new Date()
    }
  ]
}

console.log(populateWithDotSyntax(data))

// {
//   simple: '{{ simple }}',
//   nested: { one: '{{ nested.one }}', two: { three: '{{ nested.two.three }}' } },
//   array: [
//     { title: '{{ array.0.title }}', date: '{{ array.0.date }}' },
//     { title: '{{ array.1.title }}', date: '{{ array.1.date }}' }
//   ]
// }