Utilizing conditional statements within the array.forEach method to select specific sub-objects within an array of objects

Question

Utilizing conditional statements within the array.forEach method to select specific sub-objects within an array of objects

Need help troubleshooting an if statement inside a function that is called by a forEach array loop.

My array contains objects, with each object structured like this:

arrofobj = [   
{"thing_id":"1a", "val": 1, "Type": "Switch","ValType":{"0":"Open","1":"Closed"}},  
{"thing_id":"1b", "val": 72, "Type": "Sensor","ValType":{"0":"%"}}]

I want to check if the Type is a switch, and if true, I need to populate a new field in the objects of the array CatX:
- If it is a switch, I will use the val value to determine which ValType element to include in a new variable of the array arrofobj.
- If it is not a switch, I will use the arrofobj.ValType.0 value.

const getCat = function(){
    if(arrofobj.Type !== 'Switch') 
        arrofobj.ValType'.0' 
    } else {
        arrofobj.ValType.(arrofobj.val)
};

arrofobj.forEach(p => p.CatX = getCat() );

I'm having trouble with the lint not accepting the code, so I am unable to test it.

javascript arrays json foreach node-red

Answer 1

Answer №1

1) Ensure that you are using bracket notation to access properties as strings.

2) Make sure to close the brackets correctly in if/else statements.

3) Remember to return a value from within the getCat function in order to assign something to p.CatX.

4) Be sure to pass the object to getCat inside the loop.

const arrofobj = [   
  {"thing_id":"1a", "val": 1, "Type": "Switch","ValType":{"0":"Open","1":"Closed"}},  
  {"thing_id":"1b", "val": 72, "Type": "Sensor","ValType":{"0":"%"}}
];
const getCat = function( obj ){
    if(obj.Type !== 'Switch') {
        return obj.ValType[ '0' ]
    } else {
        return obj.ValType[ obj.val ];
    }
};

arrofobj.forEach(p => {
  p.CatX = getCat(p);
}); 

console.log( arrofobj );

Answer 2

1) Ensure that you are using bracket notation to access properties as strings.

2) Make sure to close the brackets correctly in if/else statements.

3) Remember to return a value from within the getCat function in order to assign something to p.CatX.

4) Be sure to pass the object to getCat inside the loop.

const arrofobj = [   
  {"thing_id":"1a", "val": 1, "Type": "Switch","ValType":{"0":"Open","1":"Closed"}},  
  {"thing_id":"1b", "val": 72, "Type": "Sensor","ValType":{"0":"%"}}
];
const getCat = function( obj ){
    if(obj.Type !== 'Switch') {
        return obj.ValType[ '0' ]
    } else {
        return obj.ValType[ obj.val ];
    }
};

arrofobj.forEach(p => {
  p.CatX = getCat(p);
}); 

console.log( arrofobj );

Answer 3

Answer №2

Adding to Shilly's response:

1) If you're generating your own data instead of using a third-party source, consider standardizing the format of your object property keys in camelCase. This will make it easier to work with and reduce the likelihood of introducing bugs into your code.

2) Utilizing object destructuring assignment and a ternary operator can help minimize the code footprint.

const arrayOfObjects = [
  { id: '1a', val: 1, type: 'Switch', valType: { '0': 'Open', '1': 'Closed' } },
  { id: '1b', val: 72, type: 'Sensor', valType: { '0': '%' } }
];

function getCategory(obj) {

  // Destructure the properties from obj
  const { type, valType, val } = obj;

  // Use a ternary operator to determine what to return
  return type === 'Switch' ? valType[val] : valType['0'];
}

arrayOfObjects.forEach(obj => {
   obj.category = getCategory(obj);
});

console.log(arrayOfObjects);

Answer 4

Adding to Shilly's response:

1) If you're generating your own data instead of using a third-party source, consider standardizing the format of your object property keys in camelCase. This will make it easier to work with and reduce the likelihood of introducing bugs into your code.

2) Utilizing object destructuring assignment and a ternary operator can help minimize the code footprint.

const arrayOfObjects = [
  { id: '1a', val: 1, type: 'Switch', valType: { '0': 'Open', '1': 'Closed' } },
  { id: '1b', val: 72, type: 'Sensor', valType: { '0': '%' } }
];

function getCategory(obj) {

  // Destructure the properties from obj
  const { type, valType, val } = obj;

  // Use a ternary operator to determine what to return
  return type === 'Switch' ? valType[val] : valType['0'];
}

arrayOfObjects.forEach(obj => {
   obj.category = getCategory(obj);
});

console.log(arrayOfObjects);

Utilizing conditional statements within the array.forEach method to select specific sub-objects within an array of objects

Answer №1

Answer №2

Similar questions

What can be done to ensure that the a href tag is functioning as clickable?

What is the significance of using composability over the deprecated method in Reactjs Material-UI menuItems?

Accessing the integer array's value using reflection

Passing data from an API in Vue.js to a different page

Can you please identify the TypeScript type associated with the return value of the match() method in String prototype?

When the draggable item is released near the drop zone, allow drag and drop to combine

The issue arises when trying to apply Bootstrap CSS styles to dynamically created elements using JavaScript

Endless AngularJS loop using ng-view

jQuery: Eliminating Parent Elements

Playing embedded YouTube videos automatically in Safari 11 without user interaction

What is the method for presenting text based on the chosen Select Option?

The error message "Data type must be consistent across all series on a single axis in Google Chart" may cause confusion

Manipulating the information pulled from an external PHP script that is currently being displayed

Pass the AngularJS object to a different MVC Controller when a button is clicked in the MVC view

What could be the reason behind the failure of this computed property to update in my Vue 3 application?

Could anyone assist me in resolving the error stating, "The 'Argument `where` of type UserWhereUniqueInput needs at least one of `id` arguments"?

JavaScript AJAX function is returning an undefined value rather than a boolean true or false

How can I ensure that the images span the entire width of the page in ResponsiveSlides?

What could be causing my Apollo useLazyQuery to be triggered unexpectedly within a React hook?

Guide on Implementing Link href in Next.js v12