convert JavaScript multidimensional object into flat array [duplicate]

Question

I have this javascript object format

{
  "draw": "",
  "columns": [
    {
      "data": "userid",
      "name": "",
      "searchable": true,
      "search": {
        "value": "",
        "regex": false
      }
    }
  ]
}

and what I need to do is convert it into single dimension object like

{ 
 "draw" : "",
 "columns[data]": "userid",
 "columns[name]": "",
 "columns[searchable]": "true",
 "columns[searchable][value]": "",
 "columns[searchable][regex]":"true"
}

the primary object can be multiple layers deep and contains objects as well as arrays.

any ideas suggestions much appreciated as JS is not my forte.

Shouldn't the result be columns[0][searchable][regex]: instead of columns[searchable][regex]? — nick zoum
– nick zoum, Commented Dec 6, 2019 at 8:07
isn't it an XY problem? why do you want to do this particular thing? It seems to me like it might be an attempted solution to some other problem you are not telling us about. — Krzysztof Krzeszewski
– Krzysztof Krzeszewski, Commented Dec 6, 2019 at 8:13
what do you do after getting an object with only one level? and why do you don't have an index for the array? how do you know, that the original data comes from an array? — Nina Scholz
– Nina Scholz, Commented Dec 6, 2019 at 8:43

nick zoum · Accepted Answer · 2019-12-06 08:13:10Z

1

I would use a recursive function that accepts a property of the original and the path to that object. If the property is not an object, then add the value to the path, if it is, then iterate through its properties and call the recursive function.

var object = {
  "draw": "",
  "columns": [{
    "data": "userid",
    "name": "",
    "searchable": true,
    "search": {
      "value": "",
      "regex": false
    }
  }]
};

console.log(flatten(object));

function flatten(object) {
  var result = {};
  innerFlatten(object, "");
  return result;

  function innerFlatten(object, path) {
    if (typeof object !== "object" || object === null || object instanceof Date) return result[path] = object;
    if (!Object.keys(object).length) return result[path] = object;
    for (var key in object) {
      innerFlatten(object[key], path ? (path + "[" + key + "]") : key);
    }
  }
}

answered Dec 6, 2019 at 8:13

nick zoum

6,6538 gold badges43 silver badges93 bronze badges

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

1 Comment

Dinesh Nadimpalli Over a year ago

Thanks. I used some of your logic and this stackoverflow reference stackoverflow.com/questions/54896928/…. Created another version of this answer here pastebin.com/Xq7RHiTw

David Japan · Accepted Answer · 2019-12-06 08:05:55Z

-1

I think you want to remove array from columns and set to 0 index value

let test = {
  "draw": "",
  "columns": [
    {
      "data": "userid",
      "name": "",
      "searchable": true,
      "search": {
        "value": "",
        "regex": false
      }
    }
   ]
}

test.columns = test.columns[0]

console.log(test)

answered Dec 6, 2019 at 8:05

David Japan

2521 silver badge3 bronze badges

2 Comments

Thum Choon Tat Over a year ago

This is not what OP wants

David Japan Over a year ago

@ThumChoonTat Okay I want to delete my answer though my account is guest so I cant

Collectives™ on Stack Overflow

convert JavaScript multidimensional object into flat array [duplicate]

2 Answers 2

1 Comment

2 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

2 Comments

Linked

Related