Convert object into array of object values

Question

In React I have a state:

const [selecteditems, setSelectedItems] = useState()

On form submit I have an object that looks like this {items: {item1: true, item2: true, item3: false}} I need to turn this object into an array of objects that looks like this: [{ name: 'item1', price: ''}, {name: 'item2', price: ''}] to use with setSelectedItems

Then I would like to be able to update prices of individual items using setSelectedItems. How would I achieve this?

To recap, first I need to convert an object into an array of objects, then I need to update individual price values in the array of objects separately.

Unmitigated · Accepted Answer · 2021-01-04 01:49:21Z

2

You can use filter and map. For updating an object, find can be used.

const obj = {items: {item1: true, item2: true, item3: false}};
const res = Object.entries(obj.items).filter(([k,v]) => v)
    .map(([k]) => ({name: k, price: ''}));
console.log(res);
//update
let name = 'item2';
res.find(x => x.name === name).price = '$10';
console.log(res);

edited Jan 4, 2021 at 1:49

answered Jan 4, 2021 at 1:36

Unmitigated

91.4k12 gold badges102 silver badges109 bronze badges

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

Comments

kyun · Accepted Answer · 2021-01-04 01:40:46Z

1

Or you can use reduce() also.

const value = {items: {item1: true, item2: true, item3: false}} 
// [{ name: 'item1', price: ''}, {name: 'item2', price''}]


const res = Object.entries(value.items).reduce((acc, [k,v]) => {
  return v ? acc.concat({ name: k, price: '' }) : acc;
},[])

console.log(res);

answered Jan 4, 2021 at 1:40

kyun

10.4k9 gold badges36 silver badges79 bronze badges

Comments

topdev87 · Accepted Answer · 2021-01-04 02:16:54Z

1

    const items = {items: {item1: true, item2: true, item3: false}}
    const itemArray = [];
    Object.keys(items.items).forEach((key) => {
      if (items.items[key])
        itemArray.push({
          name: key,
          price: '',
        });
    });

    setSelectedItems(itemArrary);

Update price

    const name = 'item1';

    const _itemArray = [...itemArray];
    const index = _itemArray.findIndex(item => item.name === name);

    if (index !== -1) {
        _itemArray[index].price = '$100';
        setSelectedItems(_itemArray);
    }

edited Jan 4, 2021 at 2:16

answered Jan 4, 2021 at 1:40

topdev87

8,7913 gold badges11 silver badges33 bronze badges

Comments

Kenedy Nopriansyah · Accepted Answer · 2021-01-04 02:00:57Z

0

you can to this

const price = [{ name: 'item1', price: ''}, {name: 'item2', price: ''}]

const newPrice = {
name: "item1",
price: "$1000"
}

const results = price.map((x) => x.name === "item1" ? newPrice : x)
console.log(results)

answered Jan 4, 2021 at 2:00

Kenedy Nopriansyah

7394 silver badges6 bronze badges

Collectives™ on Stack Overflow

Convert object into array of object values

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