What is the proper way to retrieve the correct value in JavaScript?

Question

What is the proper way to retrieve the correct value in JavaScript?

I'm currently working on an Angular program but I'm having trouble returning the correct value:

function facilityChecked(facility, search) {
    var result;

    search.filter(
        function (v) {
            var rtn = (v["facility_Item"]["text"] == facility);
            if (rtn) {
                var checked = (v.inherit_To_Service === 'true');
                result = checked;
            }
            else {
                result = false;
            }
        }
    );
    return result;
}

In the following code, $scope.parking should be true and $scope.toilet should be false, but they both return as false?

parking = facilityChecked('Parking', rtn.Organisation.Facility);
$scope.parking = parking;

toilet = facilityChecked('Toilet', rtn.Organisation.Facility);
$scope.toilet = toilet;

For more information, please refer to this Plunkr link

javascript json angularjs

Answer 1

Answer №1

This particular function utilizes the filter method to iterate over each item in the array, ultimately assigning the result variable to the last item's value...

To ensure accurate results, initialize the result variable as a starting point, and extract the desired value if found within the item.

function facilityChecked(facility, search) {
    var result = false;

    search.filter(
        function (v) {
            var rtn = (v["facility_Item"]["text"] == facility);
            if (rtn) {
                var checked = (v.inherit_To_Service === 'true');
                result = checked;
            }
        }
    );
    return result;
}

Answer 2

This particular function utilizes the filter method to iterate over each item in the array, ultimately assigning the result variable to the last item's value...

To ensure accurate results, initialize the result variable as a starting point, and extract the desired value if found within the item.

function facilityChecked(facility, search) {
    var result = false;

    search.filter(
        function (v) {
            var rtn = (v["facility_Item"]["text"] == facility);
            if (rtn) {
                var checked = (v.inherit_To_Service === 'true');
                result = checked;
            }
        }
    );
    return result;
}

Answer 3

Answer №2

The issue lies in the else part of the search.filter() function. It seems that the function is running for all JSON objects and only returning the value of the last object, which is false. Therefore, it might be unnecessary as you are already extracting values from data.json.

function facilityChecked(facility, search) {
    var result;

    search.filter(
      function(v) {
        var rtn = (v["facility_Item"]["text"] == facility);
        if (rtn) {
          var checked = (v.inherit_To_Service === 'true');
          result = checked;        
        }
      }
    );
    return result;
  }

For an updated version, check out the Plunker here: http://plnkr.co/edit/SETl5Zqapsdp8FmB6t56?p=preview

Answer 4

The issue lies in the else part of the search.filter() function. It seems that the function is running for all JSON objects and only returning the value of the last object, which is false. Therefore, it might be unnecessary as you are already extracting values from data.json.

function facilityChecked(facility, search) {
    var result;

    search.filter(
      function(v) {
        var rtn = (v["facility_Item"]["text"] == facility);
        if (rtn) {
          var checked = (v.inherit_To_Service === 'true');
          result = checked;        
        }
      }
    );
    return result;
  }

For an updated version, check out the Plunker here: http://plnkr.co/edit/SETl5Zqapsdp8FmB6t56?p=preview

What is the proper way to retrieve the correct value in JavaScript?

Answer №1

Answer №2

Similar questions

Execute a function once the router-view in the App.vue component has been refreshed following a route alteration triggered by vue-router

Explore how Next.js's getServerSideProps feature incorporates loading animations and improves

Encountered a runtime error in Xcode Swift: Thread 1 terminated due to signal SIGABRT while attempting to display

The absence of CSV may be attributed to a reference error

Ensuring user authenticity and automatic redirection when utilizing ajax with PHP

What methods can be used to avoid regular expressions when searching for documents in MongoDB?

Errors in JavaScript are displayed when a React application is built for production

What is the best way to extract the ultimate value from this dictionary?

Revolutionizing Form Select Field: Introducing Rails' Dynamic Input Rendering

What is the best way to iterate through JSON object values using PHP?

When attempting to pass a token in the header using AngularJS, I encounter an issue with my NodeJS server

Django sends back tailored JSON responses that include specific values requiring attention

Utilize axios-cache-interceptor to enforce caching of responses from axios

What is the maximum amount of information that can be stored in a data attribute within the DOM?

The re-rendering of a functional component utilizing React.useCallback and React.memo() is occurring

Converter between JSON formats

Accessing a constant injected into an AngularJs controller from the controller's view: best practices

AngularJS Firebase Login Scope Value Not Retained After Refresh

Transforming NodeJS Express HTTP responses into strings for AngularJS consumption

Send the Children prop to the React Memo component