Changing the value of undefined properties in a JavaScript object

Question

Changing the value of undefined properties in a JavaScript object

I am struggling to identify and replace null values with 0's in my object. I was able to access the correct member within the loop, but once it exited, the values were no longer assigned as 0. Working with objects in JavaScript is new to me, so I'm feeling pretty lost. Any assistance on this matter would be greatly appreciated.

var data = { 
    0 : {
         Day1: {
               Hours: 6,
               Minutes: null
         },
         Day2: {
               Minutes: 45
         },
         Day3: {
               Hours: 8,
               Minutes: 15
         },
    1 : {
         Day1: {
               Hours: 6,
               Minutes: 20
         },
         Day2: {
               Hours: 45,
               Minutes: null
         },
         Day3: {
               Hours: 8,
               Minutes: 15
         }
};


for (var item in data) {
    for (var item2 in item) {
         item[item2].Hours = item[item2].Hours || 0;
         item[item2].Minutes = item[item2].Minutes || 0;
    }
}

//Ignore this line. Just assigning onject to angular scope when finished
$scope.timeInfo = data;

javascript json

Answer 1

Answer №1

When working with for (variable in object) loops, it's important to note that the variable refers to the key property names of the object being iterated. In your specific case, one possible solution to achieve your goal is outlined below:

(Please take note that I have included additional braces in your data object for better structure.)

var data = { 
    0 : {
         Day1: {
               Hours: 6,
               Minutes: null
         },
         Day2: {
               Minutes: 45
         },
         Day3: {
               Hours: 8,
               Minutes: 15
         }
    },
    1 : {
         Day1: {
               Hours: 6,
               Minutes: 20
         },
         Day2: {
               Hours: 45,
               Minutes: null
         },
         Day3: {
               Hours: 8,
               Minutes: 15
         }
    }
};

for (var item in data) {
    for (var item2 in data[item]) {
         data[item][item2].Hours = data[item][item2].Hours || 0;
         data[item][item2].Minutes = data[item][item2].Minutes || 0;
    }
}

Answer 2

When working with for (variable in object) loops, it's important to note that the variable refers to the key property names of the object being iterated. In your specific case, one possible solution to achieve your goal is outlined below:

(Please take note that I have included additional braces in your data object for better structure.)

var data = { 
    0 : {
         Day1: {
               Hours: 6,
               Minutes: null
         },
         Day2: {
               Minutes: 45
         },
         Day3: {
               Hours: 8,
               Minutes: 15
         }
    },
    1 : {
         Day1: {
               Hours: 6,
               Minutes: 20
         },
         Day2: {
               Hours: 45,
               Minutes: null
         },
         Day3: {
               Hours: 8,
               Minutes: 15
         }
    }
};

for (var item in data) {
    for (var item2 in data[item]) {
         data[item][item2].Hours = data[item][item2].Hours || 0;
         data[item][item2].Minutes = data[item][item2].Minutes || 0;
    }
}

Changing the value of undefined properties in a JavaScript object

Answer №1

Similar questions

Utilize AngularJS to Capitalize the First Letter and the Letter Following a Dot (.)

Exploring the best practices for organizing logic within Node.js Express routes

The Ajax/jQuery output is not showing up in the iframe, but is instead appearing on a separate page

What strategies can I use to optimize the code for the function provided?

How can one conditionally UPDATE/INSERT data following a DELETE operation that does not return any matching rows?

Creating one div to initiate the contents to fadeToggle and another div to cease the fadeToggle animation utilizing the setInterval function in JavaScript

Display the Meteor Simple Schema for Entities

"Clicking on a jQuery div will cause it to slide down, and clicking again

If an element with a "hidden" display property is loaded in the browser window, will it be visible?

Discover the size of objects in three.js

Tips for creating a new route within a separate component in React JS without causing the previous one to unmount

Tips for implementing a distinct texture on child elements through traversal techniques

Utilize promise-style for Sequelize associations instead, please

I am having trouble getting JQuery tablesorter to work, what am I missing?

What is the method to display the Vue.js component's identifier?

Comparing JSON Objects in Javascript

What is the significance of the expression $location.path() equal to '/a' in Angular?

Passing information from a directive to a controller using AngularJS

Is there a way to implement word wrapping in li text without making any changes to its width

Issue found: Passing a non-string value to the `ts.resolveTypeReferenceDirective` function