Modify initial object values in JS

Question

I have a code what take the next array:

const arr = [
    {
        name:'',
        age:55
    },
    {
        name:'Bill',
        age:''
    },
]

..and i should take into account, if the key does not contains a value, i should output for that key, the value: no data;
At the end i shoul get something like this:

const arr = [
    {
        name:'no data',
        age:55
    },
    {
        name:'Bill',
        age:'no data'
    },
]

I made this:

const arr = [
    {
        name:'',
        age:55
    },
    {
        name:'Bill',
        age:''
    },
]
const func = (arr) => {
const myKeys = arr.map(k => Object.keys(k))
   return  arr.map((i, k1) => {
        return myKeys[k1].reduce((acc,r )=> {
            return {
                [acc] : !i[r].toString().length ? 'no data' :i[r] 
            }
        })
       
    })
};
console.log(func(arr))

How to achieve what i described above?

Samuel Dostál · Accepted Answer · 2020-07-21 06:51:48Z

1

Not sure if i understood your question, but this seems to work:

const arr = [
    {
        name:'',
        age:55
    },
    {
        name:'Bill',
        age:''
    },
]

arr.forEach(item => {
  for(let key in item) {
    if(!item[key]) item[key] = 'no data';
  }
});

console.log(arr);

answered Jul 21, 2020 at 6:51

Samuel Dostál

1401 silver badge6 bronze badges

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

Comments

Nina Scholz · Accepted Answer · 2020-07-21 06:51:53Z

0

You could get the entries from the object, check the value and build a new object.

const
    array = [{ name: 'no data', age: 55 }, { name: 'Bill', age: 'no data' }],
    result = array.map(o => 
        Object.fromEntries(Object
            .entries(o)
            .map(([k, v]) => [k, v.toString() ? v : 'no data'])
        )
    );

console.log(result);

answered Jul 21, 2020 at 6:51

Nina Scholz

388k26 gold badges367 silver badges417 bronze badges

1 Comment

Asking Over a year ago

could you take a look stackoverflow.com/questions/63047692/…

Greedo · Accepted Answer · 2020-07-21 06:55:51Z

0

Solution with a double forEach:

const arr = [
    {
        name:'',
        age:55
    },
    {
        name:'Bill',
        age:''
    },
]
const func = (arr) => {
  arr.forEach((el) => {
    Object.keys(el).forEach((k) => el[k] = el[k].toString().length ? el[k] : 'no data')
  });
  return arr;
};
console.log(func(arr))

answered Jul 21, 2020 at 6:55

Greedo

3,5481 gold badge15 silver badges30 bronze badges

Comments

Barmar · Accepted Answer · 2020-07-21 06:57:27Z

0

You're not updating the accumulator correctly in the reduce function. acc is the object you're building, not a property name. r is the current property name. So you should be assigning to acc[r].

You also need to provide an initial value argument {}.

You can also simplify the code by just calling Object.keys() inside the map function, rather than making a separate array of all the keys.

const arr = [{
    name: '',
    age: 55
  },
  {
    name: 'Bill',
    age: ''
  },
]
const func = (arr) => {
  return arr.map((i) => {
    return Object.keys(i).reduce((acc, r) => {
      acc[r] = !i[r].toString().length ? 'no data' : i[r];
      return acc;
    }, {})

  })
};
console.log(func(arr))

answered Jul 21, 2020 at 6:57

Barmar

789k57 gold badges555 silver badges669 bronze badges

1 Comment

Asking Over a year ago

could you take a look here stackoverflow.com/questions/63047692/…

Moufeed Juboqji · Accepted Answer · 2020-07-21 09:51:19Z

0

you can loop throw array object using map() then loop again throw object and see if object entry has value or not

arr.map(ele=>  {
  for (const [key, value] of Object.entries(ele)) {
        ele[key] = value ? value : 'no data';
    }
})

edited Jul 21, 2020 at 9:51

answered Jul 21, 2020 at 6:58

Moufeed Juboqji

7024 silver badges13 bronze badges

1 Comment

Nico Haase Over a year ago

Please add some explanation to your answer such that others can learn from it

Collectives™ on Stack Overflow

Modify initial object values in JS

5 Answers 5

Comments

1 Comment

Comments

1 Comment

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

1 Comment

Comments

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related