Exploring Angular: Techniques for searching within nested arrays

Question

Exploring Angular: Techniques for searching within nested arrays

I am looking for a function that can search and filter the largest value in a nested array, and then return the parent scope.

Here is an example of my array:

 data = {"people": 
   [{"male": [
     {"name": "Bob" ,"age": "32"}, 
     {"name":"Mike", "age":"22"}
    ]}, 
   {"female": [
     {"name":"Jessica", "age": "24"}, 
     {"name":"Ann", "age": "23"}
   ]}]}

I want to find the highest age value among all people and then return either the male or female array (in this case it would be the male array).

In JavaScript, I could potentially use something like:

largest = array.reduce((x, y) ->
      if x > y then x else y
    )
    console.log largest

How can I implement this logic with a nested array?

Alternatively, is there a way to utilize angular's $filter for this task?

javascript angularjs

Answer 1

Answer №1

For guidance on searching a nested object, refer to this resource: Explore how to locate a key deep within a nested object

You can then iterate through all elements in your array to perform the search.

If you can ensure the structure of your array and its nested objects, I recommend a slightly different approach. First, iterate through the array (male/female) and for each, examine the persons to find their ages. While not an exact code snippet, here is something along those lines:

var age = 0;
data["people"].forEach(function(item) { 
    for (var key in item) {
        if (item.hasOwnProperty(key)) {
            item[key].forEach(function(person) {
                if (person.age > age) {
                    age = person.age;
                }
            });
        }
    }
});
console.log(age);

Answer 2

For guidance on searching a nested object, refer to this resource: Explore how to locate a key deep within a nested object

You can then iterate through all elements in your array to perform the search.

If you can ensure the structure of your array and its nested objects, I recommend a slightly different approach. First, iterate through the array (male/female) and for each, examine the persons to find their ages. While not an exact code snippet, here is something along those lines:

var age = 0;
data["people"].forEach(function(item) { 
    for (var key in item) {
        if (item.hasOwnProperty(key)) {
            item[key].forEach(function(person) {
                if (person.age > age) {
                    age = person.age;
                }
            });
        }
    }
});
console.log(age);

Answer 3

Answer №2

Despite its unattractive data representation, let's dive into the code:

var info = {"people": 
   [{"men": [
     {"name": "Bob" ,"age": "32"}, 
     {"name":"Mike", "age":"22"}
    ]}, 
   {"women": [
     {"name":"Jessica", "age": "24"}, 
     {"name":"Ann", "age": "23"}
   ]}]};

function getOldest(array) {
  var maxAge = 0;
  array.forEach(function(person) {
    if (person.age > maxAge) maxAge = person.age;
  })
  return maxAge;
}

var oldestAge = 0;
var oldestArray;
for (var j = 0; j < info.people.length; j++) {
  var subArray = info.people[j][Object.keys(info.people[j])[0]];
  var currentOldest = getOldest(subArray);
  if (currentOldest > oldestAge) {
    oldestAge = currentOldest;
    oldestArray = subArray;
  }
}

console.log('The eldest age is: ' + oldestAge)
console.log(oldestArray);

Experience this code in action at https://jsfiddle.net/ave5hcLu/

This code assumes a fixed data structure.

Answer 4

Despite its unattractive data representation, let's dive into the code:

var info = {"people": 
   [{"men": [
     {"name": "Bob" ,"age": "32"}, 
     {"name":"Mike", "age":"22"}
    ]}, 
   {"women": [
     {"name":"Jessica", "age": "24"}, 
     {"name":"Ann", "age": "23"}
   ]}]};

function getOldest(array) {
  var maxAge = 0;
  array.forEach(function(person) {
    if (person.age > maxAge) maxAge = person.age;
  })
  return maxAge;
}

var oldestAge = 0;
var oldestArray;
for (var j = 0; j < info.people.length; j++) {
  var subArray = info.people[j][Object.keys(info.people[j])[0]];
  var currentOldest = getOldest(subArray);
  if (currentOldest > oldestAge) {
    oldestAge = currentOldest;
    oldestArray = subArray;
  }
}

console.log('The eldest age is: ' + oldestAge)
console.log(oldestArray);

Experience this code in action at https://jsfiddle.net/ave5hcLu/

This code assumes a fixed data structure.

Exploring Angular: Techniques for searching within nested arrays

Answer №1

Answer №2

Similar questions

How can I append a hash to a URL using JavaScript without causing the page to scroll?

Enhancing User Experience: Creating a Vue Button Component for Adding Items to Cart with the Power of Axios and Laravel Backend Integration

JavaScript Fullcalendar script - converting the names of months and days

Ensure that you include validation in the ajax request when loading the message content from a separate file

Having trouble reaching an injected dependency beyond the controller method

Implement a feature in JSP that allows users to dynamically add or remove fields before submitting the data to the database

What is the best method to detect a change in scroll position on a webpage using JavaScript?

How to round whole numbers to whole numbers using JavaScript?

ng-init assign value to a new object

Sending a file to the jqGrid handler

How can I use AngularJS to save selected assets?

Exploring Next.js: Advanced capabilities of shallow routing in combination with dynamic routes

Store the results in the database following the execution of a protractor test

Checking conditions sequentially in Angular

Upon clicking, the reset function will be triggered

A JavaScript right-click menu that updates a variable when clicked

The elegant-admin template's mobile navigation toggle is missing

Tips on setting dynamic headers in tabulator

Invoking an express route using JavaScript

Is there a way to transform this pledge back into a JSON array format?