JavaScript transforming nested arrays into objects

Question

JavaScript transforming nested arrays into objects

Need help converting to object

[1, 2, [4, 5, 6], 7, 8, [9, 0], 11, 12]

Desired output:

{
  1: 1,
  2: 2,
  'array1': {
    4: 4,
    5: 5,
    6: 6
  },
  7: 7,
  8: 8,
  'array2': {
    9: 9,
    0: 0
  },
  11: 11,
  12: 12
}

Actual output received is: { 1: 1, 11: 11, 12: 12, 2: 2, 7: 7, 8: 8 }

This is my code:

input = [1,2,[4,5,6],7,8,[9,0],11,12];
obj = {}

const convert = (arr) =>{
for (i = 0; i < arr.length; i++){
    if(!Array.isArray(arr[i])){
        obj[arr[i]] = arr[i];
    }
    
 }}
    convert(input);
    console.log(obj);

javascript arrays object

Answer 1

Answer №1

Here's my personal perspective:

const data = [1,2,[4,5,6],7,8,[9,0],11,12];

const transform = arr=>{
  let n=0;
  return arr.reduce((a,c,i)=>{
    if (Array.isArray(c)) a["array"+(++n)]=transform(c);
    else                  a[c]=c;
    return a}, {})
 }
 console.log( transform(data) );

Answer 2

Here's my personal perspective:

const data = [1,2,[4,5,6],7,8,[9,0],11,12];

const transform = arr=>{
  let n=0;
  return arr.reduce((a,c,i)=>{
    if (Array.isArray(c)) a["array"+(++n)]=transform(c);
    else                  a[c]=c;
    return a}, {})
 }
 console.log( transform(data) );

Answer 3

Answer №2

Transform Using For Each

data = [1, 2, [4, 5, 6], 7, 8, [9, 0], 11, 12];
resultObj = {}
const transformUsingForEach = (array) => {
    let counter = 0;
    array.forEach(item => {
        if (Array.isArray(item)) {
            counter++;
            item.forEach(subItem => {
                if (!resultObj[`array${counter}`]) {
                    resultObj[`array${counter}`] = {};
                }
                resultObj[`array${counter}`][subItem] = subItem;
            });
        } else {
            resultObj[item] = item;
        }
    })
}
transformUsingForEach(data);
console.log(resultObj);

Convert Using Reduce

const data = [1, 2, [4, 5, 6], 7, 8, [9, 0], 11, 12];
let objResult = {}
const convertUsingReduce = (arr) => {
    let count = 0;
    return arr.reduce((acc, element) => {
        if (Array.isArray(element)) {
            acc[`array${++count}`] = convertUsingReduce(element);
        } else {
            acc[element] = element;
        };
        return acc;
    }, {})
};
objResult = convertUsingReduce(data);
console.log(objResult);

Answer 4

Transform Using For Each

data = [1, 2, [4, 5, 6], 7, 8, [9, 0], 11, 12];
resultObj = {}
const transformUsingForEach = (array) => {
    let counter = 0;
    array.forEach(item => {
        if (Array.isArray(item)) {
            counter++;
            item.forEach(subItem => {
                if (!resultObj[`array${counter}`]) {
                    resultObj[`array${counter}`] = {};
                }
                resultObj[`array${counter}`][subItem] = subItem;
            });
        } else {
            resultObj[item] = item;
        }
    })
}
transformUsingForEach(data);
console.log(resultObj);

Convert Using Reduce

const data = [1, 2, [4, 5, 6], 7, 8, [9, 0], 11, 12];
let objResult = {}
const convertUsingReduce = (arr) => {
    let count = 0;
    return arr.reduce((acc, element) => {
        if (Array.isArray(element)) {
            acc[`array${++count}`] = convertUsingReduce(element);
        } else {
            acc[element] = element;
        };
        return acc;
    }, {})
};
objResult = convertUsingReduce(data);
console.log(objResult);

JavaScript transforming nested arrays into objects

Answer №1

Answer №2

Similar questions

Use Jquery to retrieve the innerhtml content

Incorporating Event Listeners for Controlling Playback and Navigation in HTML5 Video

PHP script only inserting the first element of an array into the MySQL database table

Symfony2: Making AJAX request that unexpectedly returns complete html page

Discover the underlying data within a nested JSON structure and track back to identify the corresponding values

Seeking assistance with transmitting data to the server and retrieving it for use. I am looking to achieve this goal utilizing JavaScript with Node.js

Change the behavior of an onclick event on the second click

The ReactJS code has been compiled without errors, but it is not displaying in the browser

Display all elements in a MySQL JSON field array

Conceal anchor tag depending on the destination URL

Guide to utilizing AJAX to retrieve a value from a controller and display it in a popup

What steps can I take to resolve my password validation rule when confirming during sign-up?

Can a photo frame app be created using PhoneGap?

Analyzing the string's worth against the user's input

Animation loading on React.js when the page or URL is changed

Using v-model with the input type files in Vue.js allows for easy two

Tips for creating an expression within ng-if

Utilizing jQuery's .done() and .fail() methods to handle

Start the process by initializing a std::unique_ptr in the same way as a raw array pointer

`I'm encountering issues when trying to pass an array through localStorage into a new array`