CODEWITHSUNDEEP
javascriptoop
Xanthous
Xanthous

Reputation: 632

Assign default value to object if value is undefined

I'm fetching data from an API, some fields are not required therefore undefined in the response object

I would like to assign a default empty value like null '' [] to my object parameters if said fields are undefined in the response, so far here's what I have (I have more more fields to fetch but stopped at 5 for this example)

await axios.get('https://myurl.com').then( async (response) => {
    await Promise.all(response.data.map(async (commerce) => {

      let options = {
        // BASE INFO
        field1: commerce.field1[0].value,
        field2 : commerce.field2[0].value,
        field3 : commerce.field3[0].value,
        field4 : commerce.field4[0].value,
        field5 : commerce.field5[0].value,
      }

      const default_options = {
        // BASE INFO
        field1: null,
        field2 : '',
        field3 : '',
        field4 : [],
        field5 : null,
      }

      const commerceObj = Object.assign({}, default_options, options)
    }));

  });

I get an error if a field has no value for instance commerce.field2[0] is undefined because the API response doesn't include it, what I'm looking for would be an efficient way to do something like

field2 : if(commerce.field2[0].value) { commerce.field2[0].value } else {''}

Since I have a lot of fields I don't really wish to do have a lot of if in my code the only thing I could find that could help me is Object.assign() but it didn't help much

Upvotes: 5

Views: 5503

Answers (5)

VISHNU
VISHNU

Reputation: 966

let options = {
    field1: commerce.field1[0].value ?? '',
    ...
  }

?? operator is a logical operator that returns its right-hand side operand when its left-hand side operand is null or undefined, and otherwise returns its left-hand side operand.

Upvotes: 0

vsync
vsync

Reputation: 130165

shortest default assignment would be to use || or ?? logical operators:

let options = {
  field1: commerce.field1[0].value || null,
  field2 : commerce.field2[0].value || '',
  field3 : commerce.field3[0].value || '',
  field4 : commerce.field4[0].value || [],
  field5 : commerce.field5[0].value || null,
}

More about when to use which can be read in this Stacokverflow thread

Upvotes: 0

aminben slimen
aminben slimen

Reputation: 71

the idea you laking is to loop the first object and assign your default options dynamically

let options = {
        // BASE INFO
        field1: commerce.field1[0].value,
        field2 : commerce.field2[0].value,
        field3 : commerce.field3[0].value,
        field4 : commerce.field4[0].value,
        field5 : commerce.field5[0].value,
      }
const default_options = {
        // BASE INFO
        field1: null,
        field2 : '',
        field3 : '',
        field4 : [],
        field5 : null,
      }
for (const fieldKey in options) {
  if(!options[fieldKey])
    options[fieldKey] = default_options[fieldKey] // dynamically change it
}

Upvotes: 0

Dexter
Dexter

Reputation: 173

Have a look into using @babel/plugin-proposal-optional-chaining this would allow you to do something such as:

const field1 = commerce?.field1[0]?.value

You could also look into _.get:

const field1 = _.get(commerce, 'field[0].value', null)

If not you'll have to do something a little more cluttered:

commerce && commerce.field1 && commerce.field1.length
  ? commerce.field1[0].value
  : undefined

Upvotes: 0

Amirhossein Rahmati
Amirhossein Rahmati

Reputation: 379

You can use Conditional (ternary) operator.

Syntax: condition ? exprIfTrue : exprIfFalse

  let options = {
    field1: commerce.field1[0].value ? commerce.field1[0].value : '',
    ...
  }

Upvotes: 3

Related Questions