Tips for converting NULL% to 0%

Question

Tips for converting NULL% to 0%

When running my calculatePercents() method, I am receiving NULL% instead of 0%.

https://i.sstatic.net/NSbls.png

Upon checking my console.log, I noticed that the values being printed are shown as NULL.

https://i.sstatic.net/A7Jlk.png

 calculatePercents() {
    this.v.global.total.amount = this.v.global.cash.amount + this.v.global.sec.amount;
    console.log("Cash => " + JSON.stringify(this.v.global.total.amount));
    console.log('------------------------');
    this.v.global.cash.percent = (this.v.global.cash.amount / (this.v.global.cash.amount + this.v.global.sec.amount)) * 100;
    console.log(" Global cash " + JSON.stringify(this.v.global.cash.percent));

    this.v.global.sec.percent = (this.v.global.sec.amount / (this.v.global.cash.amount + this.v.global.sec.amount)) * 100;
    console.log(" NULL ???? ==> " + JSON.stringify(this.v.global.sec.percent));

    var totPercent = (this.v.global.cash.percent + this.v.global.sec.percent);

    this.v.global.total.percent = totPercent;

}

I am seeking guidance on how to resolve this and display 0 instead of NULL.

javascript angular typescript

Answer 1

Answer №1

Using the || operator allows you to easily set a value to zero if it is not defined.

For example:

this.value = (myValue || 0);

For more information, visit https://example.com/logical-or-operator

Answer 2

Using the || operator allows you to easily set a value to zero if it is not defined.

For example:

this.value = (myValue || 0);

For more information, visit https://example.com/logical-or-operator

Answer 3

Answer №2

If you want to implement this functionality in your function:

if(this.v.global.cash.amount == null){
         this.v.global.cash.amount = 0
    }
if(this.v.global.sec.amount == null){
     
         this.v.global.sec.amount = 0
    }

After that, proceed with the following steps within your function:

calculatePercents() {
this.v.global.total.amount = this.v.global.cash.amount + this.v.global.sec.amount;
console.log("Cash => " + JSON.stringify(this.v.global.total.amount));
console.log('------------------------');
this.v.global.cash.percent = (this.v.global.cash.amount / (this.v.global.cash.amount + this.v.global.sec.amount)) * 100;
console.log(" Global cash " + JSON.stringify(this.v.global.cash.percent));

this.v.global.sec.percent = (this.v.global.sec.amount / (this.v.global.cash.amount + this.v.global.sec.amount)) * 100;
console.log(" NULL ???? ==> " + JSON.stringify(this.v.global.sec.percent));

var totPercent = (this.v.global.cash.percent + this.v.global.sec.percent);

this.v.global.total.percent = totPercent;

}

For declaring variables, consider using "let". Here's a simple example:

let a = null;

if(a==null){
   a=0
}
console.log(a);
// output: 0

Answer 4

If you want to implement this functionality in your function:

if(this.v.global.cash.amount == null){
         this.v.global.cash.amount = 0
    }
if(this.v.global.sec.amount == null){
     
         this.v.global.sec.amount = 0
    }

After that, proceed with the following steps within your function:

calculatePercents() {
this.v.global.total.amount = this.v.global.cash.amount + this.v.global.sec.amount;
console.log("Cash => " + JSON.stringify(this.v.global.total.amount));
console.log('------------------------');
this.v.global.cash.percent = (this.v.global.cash.amount / (this.v.global.cash.amount + this.v.global.sec.amount)) * 100;
console.log(" Global cash " + JSON.stringify(this.v.global.cash.percent));

this.v.global.sec.percent = (this.v.global.sec.amount / (this.v.global.cash.amount + this.v.global.sec.amount)) * 100;
console.log(" NULL ???? ==> " + JSON.stringify(this.v.global.sec.percent));

var totPercent = (this.v.global.cash.percent + this.v.global.sec.percent);

this.v.global.total.percent = totPercent;

}

For declaring variables, consider using "let". Here's a simple example:

let a = null;

if(a==null){
   a=0
}
console.log(a);
// output: 0

Tips for converting NULL% to 0%

Answer №1

Answer №2

Similar questions

Problem with the getJSON function

Getting the total number of child elements in a web page using Selenium web-driver with Node.js

How can we utilize Typescript to check if the intern 4 page has finished loading?

Transforming unknown JSON data into a fresh JSON structure

The json_encode() function yields an empty result

Expanding choice by incorporating additional or default selections with ng-options

Is it achievable to modify the appearance of the "Saved Password" style on Firefox?

Troubleshooting: Why is my Angular Ionic Reactive Form not showing up on the

Parent's hover element

Guide to Changing the Value of a Textbox Using Form jQuery

Running a 2D JavaScript game script on a React page - A step-by-step guide!

Is there a way to invoke a method in Jest Enzyme without using .simulate()?

Adjusting the size of a dynamically generated rectangle using DrawingManager

An error occurs when trying to access data from the cities of a specific state. The error message reads: "Unable to retrieve property 'data

Get rid of unsafe-eval in the CSP header

Trouble arises when trying to deploy React application on Github pages

Tips on implementing ng-template within an Angular application

Need a module from the main directory

I am experiencing issues with arrow pagination not functioning properly in TypeScript

Integrating dynamic transition effects using Jquery Mobile for <div> elements