How to turn dot notation string into an object in Javascript

Question

I'm trying to turn a dot notation string into an object, for example given

  [{
      key: 'app.team.instance',
      value: 'some value1'
  }, {
      key: 'app.team.instance.obj',
      value: 'some value'
  }, {
      key: 'app.team.app.some',
      value: 'some value'
  }, {
      key: 'app.service.awesome.more',
      value: 'more values'
  }]

I would like to turn it an object like to get

 {
  "team": {
      "instance": "some value1",
      "server": {
          "obj": "some value"
      },
      "app": {
          "some": "some value"
      }
  },
  "service": {
      "awesome": {
          "more": "more values"
      }
  }
}

This's what I have tried using the following function. Looking at my function what have I missed or should improve?

function createObjFromRows(skip, key, value, obj) {
    const ARRAY_KEYS = key.split('.');
    const ARRAY_LENGTH = ARRAY_KEYS.length;

    let i = skip ? 1 : 0;

    for (; i < ARRAY_LENGTH; i++) {
        if (i < (ARRAY_LENGTH - 1)) {
            if (!obj.hasOwnProperty(ARRAY_KEYS[i])) { obj[ARRAY_KEYS[i]] = {}; }
        } else {
            obj[ARRAY_KEYS[i - 1]][ARRAY_KEYS[i]] = value;
        }
    }
}

This's what I get currently.

{
    team: {
        instance: 'some value1'
    },
    server: {
        obj: 'some value'
    },
    app: {
        some: 'some value'
    },
    service: {},
    awesome: {
        more: 'more values'
    }
}

Not exactly the same, but maybe "Create nested Object based on String Properties" helps. — str
– str, Commented Mar 1, 2018 at 10:43

Faly · Accepted Answer · 2018-03-01 10:49:44Z

4

You can use array.prototype.reduce :

  var datas = [ {key: 'app.team.instance', value: 'some value1'}, {key: 'app.team.server.obj', value: 'some value'}, {key: 'app.team.app.some',value: 'some value'}, {key: 'app.service.awesome.more', value: 'more values'}];

var res = datas.reduce((m, o) => {
    var keys = o.key.split('.');
    var cur = m;
    keys.forEach((key, i) => { 
        if (i < keys.length - 1) {
            cur[key] = cur[key] || {};
            cur = cur[key];
        } else {
            cur[key] = o.value;
        }
    });
    return m;
}, {});

console.log(res);

answered Mar 1, 2018 at 10:49

Faly

13.4k2 gold badges21 silver badges39 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Nina Scholz · Accepted Answer · 2018-03-01 10:57:30Z

3

You could split the given key strings and save the last key for the assignment of the value after iterating the keys to the nested property.

var data = [{ key: 'app.team.instance', value: 'some value1' }, { key: 'app.team.server.obj', value: 'some value' }, { key: 'app.team.app.some', value: 'some value' }, { key: 'app.service.awesome.more', value: 'more values' }],
    result = data.reduce(function (r, o) {
        var path = o.key.split('.'),
            last = path.pop();

        path.reduce(function (p, k) {
            return p[k] = p[k] || {};
        }, r)[last] = o.value;
        return r;
    }, {});

console.log(result);

.as-console-wrapper { max-height: 100% !important; top: 0; }

edited Mar 1, 2018 at 10:57

answered Mar 1, 2018 at 10:48

Nina Scholz

388k26 gold badges367 silver badges417 bronze badges

Collectives™ on Stack Overflow

How to turn dot notation string into an object in Javascript

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related