Convert information from a nested array into an object

Question

Convert information from a nested array into an object

I am facing a challenge in converting the following data structure:

 var pets = [
        [
            ['dog', 'Harry'], ['age', 2]
        ],
        [
            ['dog', 'Roger'], ['age', 5]
        ]
    ]

into this desired format:

var dogs = [
    {dog: 'Harry', age: 2},
    {dog: 'Roger', age: 5}
    ]

I have made some attempts but seem to be stuck. Here is my current approach. Any guidance on how to proceed would be highly appreciated. Additionally, any tips on improving the code readability for future reference would be valuable. Thank you.

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

javascript arrays

Answer 1

Answer №1

If you want to manipulate arrays in JavaScript, you can utilize the Array#map and Array#reduce methods.

var pets = [
  [
    ['dog', 'Harry'],
    ['age', 2]
  ],
  [
    ['dog', 'Roger'],
    ['age', 5]
  ]
];


var dogs = pets.map(function(v) {
  return v.reduce(function(obj, arr) {
    obj[arr[0]] = arr[1];
    return obj;
  }, {});
})

console.log(dogs);

Note : To stick with your own code, update the line obj[key] = key; to obj[key] = arr[i][j][1]; or simply use

obj[arr[i][j][0]] = arr[i][j][1];

without the need for the key variable.

var pets = [
  [
    ['dog', 'Harry'],
    ['age', 2]
  ],
  [
    ['dog', 'Roger'],
    ['age', 5]
  ]
];

function arrayToObj(arr) {
  var newArray = [];
  for (var i = 0; i < arr.length; i++) {
    var obj = {};
    for (var j = 0; j < arr[i].length; j++) {
      obj[arr[i][j][0]] = arr[i][j][1];
      // updated here ------^^^^^^^----
    }
    newArray[i] = obj;
  }
  return newArray;
}

var dogs = arrayToObj(pets);

console.log(dogs);

Answer 2

If you want to manipulate arrays in JavaScript, you can utilize the Array#map and Array#reduce methods.

var pets = [
  [
    ['dog', 'Harry'],
    ['age', 2]
  ],
  [
    ['dog', 'Roger'],
    ['age', 5]
  ]
];


var dogs = pets.map(function(v) {
  return v.reduce(function(obj, arr) {
    obj[arr[0]] = arr[1];
    return obj;
  }, {});
})

console.log(dogs);

Note : To stick with your own code, update the line obj[key] = key; to obj[key] = arr[i][j][1]; or simply use

obj[arr[i][j][0]] = arr[i][j][1];

without the need for the key variable.

var pets = [
  [
    ['dog', 'Harry'],
    ['age', 2]
  ],
  [
    ['dog', 'Roger'],
    ['age', 5]
  ]
];

function arrayToObj(arr) {
  var newArray = [];
  for (var i = 0; i < arr.length; i++) {
    var obj = {};
    for (var j = 0; j < arr[i].length; j++) {
      obj[arr[i][j][0]] = arr[i][j][1];
      // updated here ------^^^^^^^----
    }
    newArray[i] = obj;
  }
  return newArray;
}

var dogs = arrayToObj(pets);

console.log(dogs);

Answer 3

Answer №2

const convertArrayToObject = (arr) => {
  return arr.map((item) => {
     let obj = {};
     item.forEach((data) => {
       obj[data[0]] = data[1];
     })
     return obj
  })
}

Answer 4

const convertArrayToObject = (arr) => {
  return arr.map((item) => {
     let obj = {};
     item.forEach((data) => {
       obj[data[0]] = data[1];
     })
     return obj
  })
}

Answer 5

Answer №3

Here's an example of how the Map constructor can simplify your code:

var dogs = pets.map(pairs => new Map(pairs))

Answer 6

Here's an example of how the Map constructor can simplify your code:

var dogs = pets.map(pairs => new Map(pairs))

Answer 7

Answer №4

 let animals = [
    [
        ['cat', 'Fluffy'], ['age', 4]
    ],
    [
        ['dog', 'Max'], ['age', 6]
    ]
]



let animalArr = animals.reduce(function(a, b) {
  let obj = {}
  b.forEach(function(set){
    obj[set[0]] = set[1]
  })
  return a.concat(obj)
}, [])

console.log(animalArr)

Answer 8

 let animals = [
    [
        ['cat', 'Fluffy'], ['age', 4]
    ],
    [
        ['dog', 'Max'], ['age', 6]
    ]
]



let animalArr = animals.reduce(function(a, b) {
  let obj = {}
  b.forEach(function(set){
    obj[set[0]] = set[1]
  })
  return a.concat(obj)
}, [])

console.log(animalArr)

Answer 9

Answer №5

Replace obj[key] = arr[i][j][1]; with obj[key] = key

I considered using map and other array methods, but I wanted to illustrate where the mistake was made.

var pets = [
        [
            ['dog', 'Harry'], ['age', 2]
        ],
        [
            ['dog', 'Roger'], ['age', 5]
        ]
    ];
var a=function arrayToObj(arr) {
  var newArray = [];
  for (var i = 0; i < arr.length; i++) {
    var obj = {};
    for (var j = 0; j < arr[i].length; j++) {
      var key = arr[i][j][0];
      obj[key] = arr[i][j][1]; // replace this line with obj[key] = key
    }
    newArray[i] = obj;
  }
  return newArray; 
}
console.log(a(pets));

Answer 10

Replace obj[key] = arr[i][j][1]; with obj[key] = key

I considered using map and other array methods, but I wanted to illustrate where the mistake was made.

var pets = [
        [
            ['dog', 'Harry'], ['age', 2]
        ],
        [
            ['dog', 'Roger'], ['age', 5]
        ]
    ];
var a=function arrayToObj(arr) {
  var newArray = [];
  for (var i = 0; i < arr.length; i++) {
    var obj = {};
    for (var j = 0; j < arr[i].length; j++) {
      var key = arr[i][j][0];
      obj[key] = arr[i][j][1]; // replace this line with obj[key] = key
    }
    newArray[i] = obj;
  }
  return newArray; 
}
console.log(a(pets));

Answer 11

Answer №6

I believe the following script can be of assistance to you.

function convertArrayToObject(arr) {
        var newObjArray = [];
        for (var i = 0; i < arr.length; i++) {
            var obj = {
                name: '',
                value: ''
            };

            obj.name = arr[i][0][1];
            obj.value = arr[i][1][1];
            newObjArray.push(obj);
        }
        return newObjArray;
    }

Answer 12

I believe the following script can be of assistance to you.

function convertArrayToObject(arr) {
        var newObjArray = [];
        for (var i = 0; i < arr.length; i++) {
            var obj = {
                name: '',
                value: ''
            };

            obj.name = arr[i][0][1];
            obj.value = arr[i][1][1];
            newObjArray.push(obj);
        }
        return newObjArray;
    }

Answer 13

Answer №7

To achieve the desired result, you can utilize a simple combination of a nested for() loop within a forEach() loop. TRY IT OUT HERE

var pets = [
  [
    ['cat', 'Whiskers'],
    ['age', 3]
  ],
  [
    ['dog', 'Buddy'],
    ['age', 4]
  ]
];

function convertArrayToObject(arrData) {
  var objData = [];
  arrData.forEach(function(data, index) {
    var tempObj = {};
    for (var i = 0; i < data.length; i++) {
      var arr = data[i];
      tempObj[arr[0]] = arr[1];
    }
    objData.push(tempObj);
  });
  return objData;
}

console.log( convertArrayToObject(pets) );

// RESULT::
        Array[2]
            0: Object
                age: 3
                cat: "Whiskers"
            1: Object
                age: 4
                dog: "Buddy"

</script>

Answer 14

To achieve the desired result, you can utilize a simple combination of a nested for() loop within a forEach() loop. TRY IT OUT HERE

var pets = [
  [
    ['cat', 'Whiskers'],
    ['age', 3]
  ],
  [
    ['dog', 'Buddy'],
    ['age', 4]
  ]
];

function convertArrayToObject(arrData) {
  var objData = [];
  arrData.forEach(function(data, index) {
    var tempObj = {};
    for (var i = 0; i < data.length; i++) {
      var arr = data[i];
      tempObj[arr[0]] = arr[1];
    }
    objData.push(tempObj);
  });
  return objData;
}

console.log( convertArrayToObject(pets) );

// RESULT::
        Array[2]
            0: Object
                age: 3
                cat: "Whiskers"
            1: Object
                age: 4
                dog: "Buddy"

</script>

Answer 15

Answer №8

To store the values as properties in an array, reset the array length to zero, convert the array type to a plain object, and then assign it back to the original element.

var pets = [[['dog', 'Harry'], ['age', 2]], [['dog', 'Roger'], ['age', 5]]];

pets.forEach(function (a, i, aa) {
    a.forEach(function (b, _, bb) {
        bb[b[0]] = b[1];
    });
    a.length = 0;
    aa[i] = Object.assign({}, aa[i]);
});

console.log(pets);

Answer 16

To store the values as properties in an array, reset the array length to zero, convert the array type to a plain object, and then assign it back to the original element.

var pets = [[['dog', 'Harry'], ['age', 2]], [['dog', 'Roger'], ['age', 5]]];

pets.forEach(function (a, i, aa) {
    a.forEach(function (b, _, bb) {
        bb[b[0]] = b[1];
    });
    a.length = 0;
    aa[i] = Object.assign({}, aa[i]);
});

console.log(pets);

Convert information from a nested array into an object

Answer №1

Answer №2

Answer №3

Answer №4

Answer №5

Answer №6

Answer №7

Answer №8

Similar questions

Using JavaScript, insert a new date row onto a JSP page

What is the best way to search a user-provided text in an array of objects and filter the results?

I am currently seeking a way to validate if a variable corresponds to the choice made in the dropdown menu. Any suggestions on how to accomplish this task?

React's setState method may not trigger a re-render

Clear every other radio button when one is selected

Is there a way to retrieve an array generated within a JavaScript loop?

My function is not working with jQuery's .append method

A guide to showcasing data within PrimeNG's pie chart component using either JavaScript or Angular

Preventing jQuery from triggering bold, underline, and other events

To what extent can the Vuetify data tables be customized?

Is there a way to eliminate text from a barcode image using JavaScript or TypeScript?

Utilizing the arrow function in Object mapping to rearrange objects within an array

What causes the resolution of an array of promises to be slower when each promise is individually resolved in a while loop, as opposed to resolving them all at

Develop and share a function to be assessed within a different scope's context in JavaScript

Event Stencil Emitter Unclear

How can the data controller of a model be accessed within a directive that has been defined with "this"?

Combine two comma-separated strings in JavaScript to create an array of objects

What are the different techniques for implementing React-Redux? Comparing Redux-thunk and Redux-Saga

Guide to achieving a powerful click similar to a mouse

What advantages can be gained by opting for more precise module imports?