In JavaScript, when a condition is met, two strings are produced but only the last string is printed

Question

In JavaScript, when a condition is met, two strings are produced but only the last string is printed

My for loop with nested arrays is working fine, but it should display two strings and only shows the last one.

for (i = 0; i < $scope.taskGroups.length; i++) {

                for (j = 0; j < $scope.taskGroups[i].tasks.length; j++) {

                    $scope.mandatories = $scope.taskGroups[i].tasks[j].mandatory;

                    if ($scope.mandatories === true) {
                         $scope.display =$scope.taskGroups[i].tasks[j].name
                         console.log($scope.display);   
                    }

                }

            }

Console log:

routes_init.js:60 Destaques extra linear
routes_init.js:60 Equipamentos de frio

javascript angularjs

Answer 1

Answer №1

Resolved by following this solution:

let mandatoryTasks = [];

for (let i = 0; i < $scope.taskGroups.length; i++) {

    for (let j = 0; j < $scope.taskGroups[i].tasks.length; j++) {

        let isMandatory = $scope.taskGroups[i].tasks[j].mandatory;

        if (isMandatory) {
            let taskName = $scope.taskGroups[i].tasks[j].name;
            mandatoryTasks.push(...taskName.split(",").filter(n => n !== undefined));
        }
        
        console.log(mandatoryTasks);
    }

}

Answer 2

Resolved by following this solution:

let mandatoryTasks = [];

for (let i = 0; i < $scope.taskGroups.length; i++) {

    for (let j = 0; j < $scope.taskGroups[i].tasks.length; j++) {

        let isMandatory = $scope.taskGroups[i].tasks[j].mandatory;

        if (isMandatory) {
            let taskName = $scope.taskGroups[i].tasks[j].name;
            mandatoryTasks.push(...taskName.split(",").filter(n => n !== undefined));
        }
        
        console.log(mandatoryTasks);
    }

}

In JavaScript, when a condition is met, two strings are produced but only the last string is printed

Answer №1

Similar questions

Ensure to install jpm globally using the following command: npm install

Disable Jquery toolstrip while the menu is open

Please proceed by submitting all radio buttons that have been checked

The functionality to show the login status is currently malfunctioning

Guide to implementing setTimeout in a .map() function in ReactJS

Moving punctuation from the beginning or middle of a string to the end: A guide

Sending the id as a prop in react-router-dom

Need help with writing code in Angular for setting intervals and clearing intervals?

interrupt the node script using async behavior

"Keep an eye on the server with Backbone.js by running periodic checks

Displaying a distinct image for each Marker when hovering over them on a Map

Having trouble fetching information from a JSON file stored in a local directory while using Angular 7

Double invocation of useEffect causing issues in a TypeScript app built with Next.js

Tips for utilizing the useState Hook in NextJs to manage several dropdown menus efficiently:

Ways to unveil a concealed div element using JavaScript

Using AngularJS to effectively receive and handle chunked data for displaying real-time status updates

Is it possible to utilize TypeScript code to dynamically update the JSON filter with variable values?

Is there a way for me to programmatically modify a .env file using an npm script?

Steps for converting JSON into a structured indexed array

The onClick function is called when I fail to click the button within a React form