How to push JSON data in two dimensional array?

Question

I am trying to get a structure like

var tableData= [
  ['Hfbj'],
  ['Hygh'],
  [6],
  ['mayur'],
  [2563458952]
]

Here is my JSON data:

data:{
  "address"': "Hfbj"
  "id": 6
  "landmark": "Hygh"
  "name": "mayur"
  "phone": 2563458952
  "title": "aaa"
}

I am using react-native-table-component in which that type of structure needed. For that, I am doing the following but it showing data.map is not function and undefined.

let newdata = this.state.tableData[0].push(
  [responseJson.data.title],
  [responseJson.data.title]
);

this.setState({
  tableData: newdata
});

How can I achieve it?

That's not JSON. What is the difference between JSON and Object Literal Notation? — Andreas
– Andreas, Commented Jan 5, 2019 at 13:56
Please add the "logic" that determines the expected output? Why are some values missing? Where is Hygh coming from? — Andreas
– Andreas, Commented Jan 5, 2019 at 13:58
Also, are you sure you want one value per row in your table? Because that's what this kind of format would produce, according to the docs you linked. — Jeto
– Jeto, Commented Jan 5, 2019 at 14:00

Jeto · Accepted Answer · 2019-01-05 15:08:19Z

1

You could make use of Object.values and Array.map:

var reponseJson = {
  data: {
    "address": "Hfbj",
    "id": 6,
    "landmark": "Hygh",
    "name": "mayur",
    "phone": 2563458952,
    "title": "aaa"
  }
};

var newData = Object.values(reponseJson.data)
  .map(item => [item]);

console.log(newData);

Note that I used the responseJson name to match your question, but as @Andreas pointed out, this is an object, not JSON.

If you need only certain columns (as requested in the comments below), use Object.keys and Array.filter on them before rebuilding the array:

var reponseJson = {
  data: {
    "address": "Hfbj",
    "id": 6,
    "landmark": "Hygh",
    "name": "mayur",
    "phone": 2563458952,
    "title": "aaa"
  }
};

var keysToKeep = ['address', 'landmark', 'title'];

var newData = Object.keys(reponseJson.data)
  .filter(key => keysToKeep.includes(key))
  .map(key => [reponseJson.data[key]]);

console.log(newData);

edited Jan 5, 2019 at 15:08

answered Jan 5, 2019 at 14:08

Jeto

15k2 gold badges39 silver badges50 bronze badges

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

1 Comment

Mayuresh Patil Over a year ago

Is it any way to get array of only for some values from responseJson.data, Not all.

dan · Accepted Answer · 2019-01-05 14:00:37Z

1

.map Is for arrays, whereas your responseJson.data is an Object. To get turn that Object into an array of its values you can do Object.values(responseJson.data)

answered Jan 5, 2019 at 14:00

dan

1,3749 silver badges25 bronze badges

Collectives™ on Stack Overflow

How to push JSON data in two dimensional array?

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related