how to get the min and max value from json in angular js

Question

i want to get the maximum and minimum value from a json in angular js my json:

{

"data":[

        {
         "name": "ranjith",
         "age": 22
        },
        {
         "name": "rahul",
         "age": 20
        },
        {
         "name": "jinesh",
         "age": 25
        },
        {
         "name": "vishnu",
         "age": 24
        }

       ]

}

and my controller:-

var app = angular.module('myApp', ['']);
app.controller('myCtrl', function($scope, data) {

$scope.data = data.data;
$scope.min="";
$scope.max="";

};
});

i want to get the minimum and maximum value from the array and store it in the Variables min and max

Which of the properties of the object inside the array defines the max value? You'll need to loop through the whole array and search for the max value. O you could sort the array from bigger to lower and the first element will be your maximum value. Any way you have to implement the function to compare the objects inside the array — Raulucco
– Raulucco, Commented Jan 28, 2016 at 10:31

Shoaib · Accepted Answer · 2016-01-28 10:57:41Z

19

You can simply use

$scope.min = Math.min.apply(Math,$scope.data.map(function(item){return item.age;}));

$scope.max = Math.max.apply(Math,$scope.data.map(function(item){return item.age;}));

answered Jan 28, 2016 at 10:57

Shoaib

8521 gold badge15 silver badges28 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Akhilesh Kumar Over a year ago

for me its day saver answer :)

Oleg Shemetov · Accepted Answer · 2016-01-28 10:54:27Z

2

To avoid using 3rd party lib

    for (var index in $scope.data.data)
    {
        var item=$scope.data.data[index];
        if($scope.min==0 && $scope.max==0){
            // set first default element
            $scope.min=item.age;
            $scope.max=item.age;
        }
        else{
            if($scope.min>item.age)
                $scope.min=item.age;
            else if($scope.max<item.age)
                $scope.max=item.age;
        }
    }

answered Jan 28, 2016 at 10:54

Oleg Shemetov

5003 silver badges16 bronze badges

Comments

Siva · Accepted Answer · 2016-01-28 11:10:14Z

1

You can use Underscore.js with angular and then in your controller,

var ageArr = _.pluck(data.data, 'age');
$scope.min= _.min(ageArr);
$scope.max= _.max(ageArr);

Plunker url http://run.plnkr.co/plunks/Mw531cqUIHVSorb5kOac/

edited Jan 28, 2016 at 11:10

answered Jan 28, 2016 at 10:40

Siva

2,81519 silver badges14 bronze badges

Comments

Aniket B · Accepted Answer · 2016-11-23 07:15:57Z

0

1.Add Underscore dependency

2.Use the following:

//For Maximum Age:
_.max(data, function(itr){ return itr.age; });

/* O/p = {
     "name": "jinesh",
     "age": 25
 }*/

//For Minimum Age:
 _.min(data, function(itr){ return itr.age; });


/* O/p = {
      "name": "rahul",
      "age": 20
    } */

edited Nov 23, 2016 at 7:15

answered Nov 22, 2016 at 10:22

Aniket B

4881 gold badge5 silver badges14 bronze badges

4 Comments

user2261062 Over a year ago

first line "1) Add Underscore dependency" is not valid angular js code

Aniket B Over a year ago

2) Oh My mistake, its not part of code it is just instruction to add underscore dependency in ur controller

user2261062 Over a year ago

Oh ok, I'll discard the first line of your code. But now the second line "2) For Maximum Age:" is giving me similar syntax errors. It also doesn't appear to be valid angular js code.

user2261062 Over a year ago

Also "For Minimum Age" appears to be a for loop but it's not clear how it's managed. Are Minimum and Age variables that control the loop? Are you sure the part formatted as code is actually valid code?

fozylet · Accepted Answer · 2017-11-04 05:40:44Z

0

If the intent is to display, you can directly arrive at min by this: {{(data | orderBy:'age')[0].age}}

answered Nov 4, 2017 at 5:40

fozylet

1,2891 gold badge13 silver badges26 bronze badges

Collectives™ on Stack Overflow

how to get the min and max value from json in angular js

5 Answers 5

1 Comment

Comments

Comments

4 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

1 Comment

Comments

Comments

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related