Getting string from variable (from imported JS) as key in object

Question

How can I make a variable the key to an object?

I am importing constants from definitions.js and these constants I need to use as keys:

import * as cons from '../scripts/definitions.js'

export default {
  data () {
    return {
      cons: cons,
      obj: {
        cons.FILENAMEA: {},
        cons.FILENAMEB: {
          children: [
            cons.CHILDFILENAME1,
            cons.CHILDFILENAME2,
            cons.CHILDFILENAME3
          ]
        }
      }
    }
  },

With above codes, I am getting error:

Parsing error: Unexpected token, expected ","

Because of the dot (.) in cons.FILENAMEA. How to do this?? Please note that I need to get these variables/constants from an external file. Not possible to just declare it on the same file.

Thanks!

Answer 1

You can use es6 computed properties:

obj: {
  [cons.FILENAMEA]: {},
  [cons.FILENAMEB]: {
    children: [
      cons.CHILDFILENAME1,
      cons.CHILDFILENAME2,
      cons.CHILDFILENAME3
    ]
  }
}

The expression inside the brackets will be evaluated and used as the property name