What is the method for retrieving a value using the Angular forEach function?

Question

What is the method for retrieving a value using the Angular forEach function?

I'm encountering an issue with retrieving values from an angular forEach loop.

Below is the data I am working with:

vm.memberDetails={
    "member": [
        {
            "firstName": "HARRY UTTWO",
            "lastName": "POTTER",
        }
    ],
    "User": [
        {
            "memberId": 7586671,
            "customerId": 7586671,
            "customerStatus": "T",
            "firstName": "HEMOOINE",
            "lastName": "POTTER",
        },
    ]
}

vm.mockData = {
    "data": [{
        "memberNo": 7586671,
        "suffix": "A"
    }]
}

The challenge I am facing involves comparing memberId and retrieving the name from the first set of data. I attempted to use angular.forEach but only managed to retrieve one value during looping using

vm.memberDetails.User[0].firstName

.

Controller:

angular.forEach(vm.memberDetails.User, function (value1,key1) {
    angular.forEach(vm.mockData, function (value2,key2) {
        if (value1.memberId === value2.memberNo) {

            vm.some= vm.memberDetails.User[0].firstName;
        }
    });
});
return vm.some;

Any assistance on this matter would be highly appreciated. Thank you.

javascript angularjs

Answer 1

Answer №1

Seems like you need to access the data array from vm.mockData by updating the line

angular.forEach(vm.mockData, function (value2,key2) {

to

angular.forEach(vm.mockData.data, function (value2,key2) {

angular.forEach(vm.memberDetails.User, function (value1,key1) {
    angular.forEach(vm.mockData.data, function (value2,key2) {
        if (value1.memberId === value2.memberNo) {
            vm.some= vm.memberDetails.User[0].firstName;
        }
    });
});
return vm.some;

Answer 2

Seems like you need to access the data array from vm.mockData by updating the line

angular.forEach(vm.mockData, function (value2,key2) {

to

angular.forEach(vm.mockData.data, function (value2,key2) {

angular.forEach(vm.memberDetails.User, function (value1,key1) {
    angular.forEach(vm.mockData.data, function (value2,key2) {
        if (value1.memberId === value2.memberNo) {
            vm.some= vm.memberDetails.User[0].firstName;
        }
    });
});
return vm.some;

Answer 3

Answer №2

<!DOCTYPE html>
<html ng-app="myApp">
<head>
    <title></title>
</head>
<body ng-controller="mCon">
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.7.7/angular.min.js"></script>
    <script type="text/javascript">
        var app = angular.module('myApp', []);
        app.controller('mCon', function(){
            var vm = this;
            vm.memberDetails = {
         "member": [{
          "firstName": "HARRY UTTWO",
          "lastName": "POTTER",
         }],
         "User": [{
          "memberId": 7586671,
          "customerId": 7586671,
          "customerStatus": "T",
          "firstName": "HEMOOINE",
          "lastName": "POTTER",
         }, ]
        }
        vm.mockData = {
         "data": [{
           "memberNo": 7586671,
           "suffix": "A",
         }
         ]
        }
        angular.forEach(vm.memberDetails.User, function (value1,key1) {
            angular.forEach(vm.mockData.data, function (value2,key2) {
                if (value1.memberId === value2.memberNo) {
                    vm.result= vm.memberDetails.User[0].firstName;
                }
            });
        });
        return vm.result;
        })

    </script>
</body>
</html>

Answer 4

<!DOCTYPE html>
<html ng-app="myApp">
<head>
    <title></title>
</head>
<body ng-controller="mCon">
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.7.7/angular.min.js"></script>
    <script type="text/javascript">
        var app = angular.module('myApp', []);
        app.controller('mCon', function(){
            var vm = this;
            vm.memberDetails = {
         "member": [{
          "firstName": "HARRY UTTWO",
          "lastName": "POTTER",
         }],
         "User": [{
          "memberId": 7586671,
          "customerId": 7586671,
          "customerStatus": "T",
          "firstName": "HEMOOINE",
          "lastName": "POTTER",
         }, ]
        }
        vm.mockData = {
         "data": [{
           "memberNo": 7586671,
           "suffix": "A",
         }
         ]
        }
        angular.forEach(vm.memberDetails.User, function (value1,key1) {
            angular.forEach(vm.mockData.data, function (value2,key2) {
                if (value1.memberId === value2.memberNo) {
                    vm.result= vm.memberDetails.User[0].firstName;
                }
            });
        });
        return vm.result;
        })

    </script>
</body>
</html>

What is the method for retrieving a value using the Angular forEach function?

Answer №1

Answer №2

Similar questions

How to extract a value from a span input textbox using Vue?

Error: The function pathRegexp is not defined

Checking for the Existence of a Database Table in HTML5 Local Storage

Translating from JavaScript to Objective-C using JSON

What could possibly be causing my app to exhaust CPU resources on Mozilla Firefox?

Having difficulty retrieving the Area and Range information in ChartJS

Retrieve the location within the parent mesh

Tips for adding text dynamically to images on a carousel

Sorting rows dynamically with jQuery Tablesorter

tips for navigating through an AngularJS $resource instance

How can we use Mongoose .find to search with an array stored in req.params and respond with an array containing each value along with its

What could be the reason that a basic click function fails to locate the selector?

Retrieving information from a JSON file and displaying it in an HTML table through an asynchronous

Converting a boolean value to a boolean type in a CSHTML file

When attempting to retrieve a data object using a Vuex action, I encounter an "Uncaught (in promise) TypeError" when trying to access the data within the object

The Enum object in TypeScript has not been declared or defined

What could be the reason for the HTML canvas not displaying anything after a new element is added?

Glimmers of white light on Phonegap occur during data-ajax="false" events

How come my directive is being updated when there are changes in a different instance of the same directive?

Discovering the names of files in a directory with Angular