Converting Arrays into Objects with Multiple Dimensions

Question

Converting Arrays into Objects with Multiple Dimensions

I have been attempting to transform this complex array into an object. However, I am facing an issue where only the second part of the array is being saved in the object, while the first part is missing.

Is there a way to ensure that the entire array gets stored in the object?

var data = [
  [
    ['name', 'John Smith'],
    ['age', 34],
    ['occupation', 'nurse']
  ],
  [
    ['name', 'Nico Klein'],
    ['age', 24],
    ['occupation', 'engineer']
  ]
];

function convertToObject(arr) {
  var obj = {};
  for (var j = 0; j < arr.length; j++) {
    for (var i = 0; i < arr[j].length; i++) {
      obj[arr[j][i][0]] = arr[j][i][1];
    }
  }
  return obj;
}

var finalResult = convertToObject(data);

console.log(finalResult);

Additionally, are there more efficient ways to write this conversion code?

javascript arrays object multidimensional-array

Answer 1

Answer №1

You've made a good effort, but the parent should actually be an array of objects for better organization.

var array = [
  [
    ['name', 'John Smith'],
    ['age', 34],
    ['occupation', 'nurse']
  ],
  [
    ['name', 'Nico Klein'],
    ['age', 24],
    ['occupation', 'engineer']
  ]
];

function toObject(arr) {
  var obj = [];
  for (var j = 0; j < arr.length; j++) {
    var cur = {};
    for (var i = 0; i < arr[j].length; i++) {
      cur[arr[j][i][0]] = arr[j][i][1];
    }
    obj.push(cur);
  }
  return obj;
}

var result = toObject(array);
console.log(result);

The resulting output will follow this order:

[
  {
    "name": "John Smith",
    "age": 34,
    "occupation": "nurse"
  },
  {
    "name": "Nico Klein",
    "age": 24,
    "occupation": "engineer"
  }
]

All records from the original array are maintained in this conversion. If you wish to transform the resulting array into an object, refer to Convert Array to Object.

var array = [
  [
    ['name', 'John Smith'],
    ['age', 34],
    ['occupation', 'nurse']
  ],
  [
    ['name', 'Nico Klein'],
    ['age', 24],
    ['occupation', 'engineer']
  ]
];

function toObject(arr) {
  var obj = [];
  for (var j = 0; j < arr.length; j++) {
    var cur = {};
    for (var i = 0; i < arr[j].length; i++) {
      cur[arr[j][i][0]] = arr[j][i][1];
    }
    obj.push(cur);
  }
  return obj;
}

var result = toObject(array);
var resObj = result.reduce(function(acc, cur, i) {
  acc[i] = cur;
  return acc;
}, {});
console.log(resObj);

The final Object output is as follows:

{
  "0": {
    "name": "John Smith",
    "age": 34,
    "occupation": "nurse"
  },
  "1": {
    "name": "Nico Klein",
    "age": 24,
    "occupation": "engineer"
  }
}

Answer 2

You've made a good effort, but the parent should actually be an array of objects for better organization.

var array = [
  [
    ['name', 'John Smith'],
    ['age', 34],
    ['occupation', 'nurse']
  ],
  [
    ['name', 'Nico Klein'],
    ['age', 24],
    ['occupation', 'engineer']
  ]
];

function toObject(arr) {
  var obj = [];
  for (var j = 0; j < arr.length; j++) {
    var cur = {};
    for (var i = 0; i < arr[j].length; i++) {
      cur[arr[j][i][0]] = arr[j][i][1];
    }
    obj.push(cur);
  }
  return obj;
}

var result = toObject(array);
console.log(result);

The resulting output will follow this order:

[
  {
    "name": "John Smith",
    "age": 34,
    "occupation": "nurse"
  },
  {
    "name": "Nico Klein",
    "age": 24,
    "occupation": "engineer"
  }
]

All records from the original array are maintained in this conversion. If you wish to transform the resulting array into an object, refer to Convert Array to Object.

var array = [
  [
    ['name', 'John Smith'],
    ['age', 34],
    ['occupation', 'nurse']
  ],
  [
    ['name', 'Nico Klein'],
    ['age', 24],
    ['occupation', 'engineer']
  ]
];

function toObject(arr) {
  var obj = [];
  for (var j = 0; j < arr.length; j++) {
    var cur = {};
    for (var i = 0; i < arr[j].length; i++) {
      cur[arr[j][i][0]] = arr[j][i][1];
    }
    obj.push(cur);
  }
  return obj;
}

var result = toObject(array);
var resObj = result.reduce(function(acc, cur, i) {
  acc[i] = cur;
  return acc;
}, {});
console.log(resObj);

The final Object output is as follows:

{
  "0": {
    "name": "John Smith",
    "age": 34,
    "occupation": "nurse"
  },
  "1": {
    "name": "Nico Klein",
    "age": 24,
    "occupation": "engineer"
  }
}

Answer 3

Answer №2

To start with, consider transforming the array into an "array of objects", especially since it contains two elements. It would make more sense to work with an array of objects in this case.

Furthermore, while the program is on the right track, there seems to be a mistake. Upon reviewing your code, you'll notice that you have initialized a var obj = {};, which assigns object properties rather than creating an array of objects. To rectify this issue, modify the function as shown below:

function convertToObject(arr) {
  var arrayOfObjects = [];
  for (var j = 0; j < arr.length; j++) {
    var currentObj = {};
    for (var i = 0; i < arr[j].length; i++) {
      currentObj[arr[j][i][0]] = arr[j][i][1];
    }
    arrayOfObjects.push(currentObj);
  }
  return arrayOfObjects;
}

Answer 4

To start with, consider transforming the array into an "array of objects", especially since it contains two elements. It would make more sense to work with an array of objects in this case.

Furthermore, while the program is on the right track, there seems to be a mistake. Upon reviewing your code, you'll notice that you have initialized a var obj = {};, which assigns object properties rather than creating an array of objects. To rectify this issue, modify the function as shown below:

function convertToObject(arr) {
  var arrayOfObjects = [];
  for (var j = 0; j < arr.length; j++) {
    var currentObj = {};
    for (var i = 0; i < arr[j].length; i++) {
      currentObj[arr[j][i][0]] = arr[j][i][1];
    }
    arrayOfObjects.push(currentObj);
  }
  return arrayOfObjects;
}

Converting Arrays into Objects with Multiple Dimensions

Answer №1

Answer №2

Similar questions

Customize the CSS for MaterialUI's TablePagination's MenuItem

What is the purpose of the .Class method in ng.core.component within ES5?

Gather information from various mongodb collections and consolidate them into a single array using Javascript

React component not displaying HERE map controls

Plaid webhook failing to activate

Utilizing Sinon.js for inline callbacks upon successful execution

Saving the AJAX response object in a global variable - Important fields are not being retrieved

Creating dynamic and interactive web pages can be achieved by utilizing either $_POST or $_GET with Modal,

What is the reason for the binding event being triggered following the re-render of the setstate?

Converting counterup2 to pure vanilla JavaScript: step-by-step guide

Transferring an array of objects from one array to another with the click of a button

Variations in ajax requests coupled with a polling mechanism

Embarking on a New Project with Cutting-Edge Technologies: Angular, Node.js/Express, Webpack, and Types

Implementing a JQuery modal with backend coding

Assistance with Ajax for content loading

Invoke a JavaScript function once the div has finished loading

SyntaxError: The input on line one ended unexpectedly and was not caught

Exploring the main directive flow, attaining access to `ctrl.$modelView` in AngularJS is

A Step-by-Step Guide to Setting Up a Scoreboard for Your Rock Paper Scissors Game

Chrome hanging after AJAX delete operation has been executed