Convert array of objects to an object

Question

I have created this function, however is not quite right. I get this response from it:

[
    {
        manufacturer: [
            'AUDI'
        ]
    },
    {
        body_colour: {
            'BLACK'
        }
    }
]

However what I want is:

{
    manufacturer: [
        'AUDI'
    ],
    body_colour: {
        'BLACK'
    }
}

How can I get to this? This is what I have at the moment:

checkForQueryString() {
    const urlSearchParams = new URLSearchParams(window.location.search);
    const params = Object.fromEntries(urlSearchParams.entries());

    let searchParams = Object.entries(params).map(([key, value]) => {
        return {
            [key]: value.split(',')
        }
    });
    return searchParams;
},

Query String: ?manufacturer=AUDI&body_colour=BLACK

Note theres no point doing Object.fromEntries only to then use Object.entries in the very next line — Jamiec
– Jamiec, Commented Aug 11, 2021 at 8:50

Jamiec · Accepted Answer · 2021-08-11 08:43:24Z

3

Use reduce not map

const params = {
  manufacturer: "AUDI",
  body_colour: "BLACK"
}

let searchParams = Object.entries(params).reduce((acc, [key, value]) => {
  return {
    ...acc,
    [key]: value.split(',')
  }
}, {});

console.log(searchParams)

answered Aug 11, 2021 at 8:43

Jamiec

136k15 gold badges143 silver badges202 bronze badges

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

Comments

Siva Chandran · Accepted Answer · 2021-08-11 09:48:09Z

1

Object.fromEntries(urlSearchParams.entries()), Object.entries(params) are not necessary.

You can use a simple forEach function to achieve the desired result as from MDN DOCS.


function checkForQueryString() {

    const searchParams = new URLSearchParams(window.location.search);
    var result = {};
    searchParams.forEach(function(value, key) {
        result[key] = value.split(',');
    });
    return result;
}

console.log( checkForQueryString() );

When url is http:example.com?manufacturer=audi,tesla&body_colour=black,white

the output would be

{
    "manufacturer": [
        "audi",
        "tesla"
    ],
    "body_colour": [
        "black",
        "white"
    ]
}

answered Aug 11, 2021 at 9:48

Siva Chandran

991 silver badge7 bronze badges

Comments

Abd Elbeltaji · Accepted Answer · 2021-08-11 08:46:30Z

0

Assumin you meant by your input:

body_colour: [
  'BLACK'
]

The answer can be:

let myArray = [
  {
    manufacturer: ['AUDI']
  },
  {
    body_colour: ['BLACK']
  }
];
let newObj = Object.assign({}, ...myArray)

answered Aug 11, 2021 at 8:46

Abd Elbeltaji

4832 silver badges13 bronze badges

Comments

Rajneesh · Accepted Answer · 2021-08-11 08:46:49Z

0

You can make use of Object.fromEntries with split and map:

const str = 'manufacturer=AUDI&body_colour=BLACK';

console.log(Object.fromEntries(str.split('&').map(o=>[o.split('=')[0],[o.split('=')[1]]])));

answered Aug 11, 2021 at 8:46

Rajneesh

5,3181 gold badge10 silver badges20 bronze badges

Collectives™ on Stack Overflow

Convert array of objects to an object

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related