如何检查对象数组中的对象是否都具有特定的结构并且不为null？

Question

I receive an array of objects from the server. But my app breaks because some objects do not have a structure just a null value and my logic depends on checking against certain object keys to do one thing or another. Here is an example of an array that i receive:

[{
  clienTnames: {
    firstName: 'Jack',
    lastName: 'Jackson'
  }
}, {
  clienTnames: {
    firstName: 'John',
    lastName: 'Johnson'
  }
}, {
  clienTnames: null
}]

I would like to check if any objects arrive as null and if they do switch them to empty object with all the proper keys just with no value. So if I receive clienTnames: null; I would like to automatically change it to clienTnames : {firstName: ' ', lastName: ' '}

Answer 1

Just use a map function:

names = names.map(name => {
  return name.clienTnames
    ? name.clienTnames
    : { clienTnames: { firstName: '', lastName: '' } }
});

Answer 2

You can create a defaultObj with all the default properties. Then loop through the array and update items which have clienTnames property set to null

 let array = [{clienTnames:{firstName:'Jack',lastName:'Jackson'}},{clienTnames:{firstName:'John',lastName:'Johnson'}},{clienTnames:null}] const defaultObj = { firstName: '', lastName: '' } array.forEach(a => { if(!a.clienTnames) a.clienTnames = { ...defaultObj } }) console.log(array) 

Answer 3

You can do something like this:

 const data = [{ clienTnames: { firstName: 'Jack', lastName: 'Jackson' } }, { clienTnames: { firstName: 'John', lastName: 'Johnson' } }, { clienTnames: null }]; let output = []; output = data.map(element => { if (element.clienTnames) { return element; } else { return { clienTnames: { firstName: '', lastName: '' } }; } }); console.log(output); 

Answer 4

let array = [{
  clienTnames: {
    firstName: 'Jack',
    lastName: 'Jackson'
  }
}, {
  clienTnames: {
    firstName: 'John',
    lastName: 'Johnson'
  }
}, {
  clienTnames: null
}];

let targetArray;

targetArray = array.map((item) => {
  if(!item.clienTnames) {
    return { clienTnames: { firstName: '', lastName: '' } }
  }

  return item;
})