Following the application of the filter function, a singular array was generated as the output

Question

Following the application of the filter function, a singular array was generated as the output

function sortByAge(arr) {
    let ageSorted = arr.sort(function(a, b) {
        return Object.fromEntries(a).age - Object.fromEntries(b).age
    }); 
    
    // Arrange by young age. it's working well.
    
    let result = [];
    let names = ageSorted.filter(function (el) {
         if(Array.isArray(el)){
           result.push(firstName.concat(lastName));
         }
         return result;
     });
    return names;
}

However, the bottom function is not working. It cannot recognize the 'age' array, which causes an error. I am unsure why this happens.

I want to achieve something like this:

const avengers = [
      [
        ['firstName', 'Captain'],
        ['lastName', 'Americano'],
        ['age', 105],
      ],
      [
        ['firstName', 'Master'],
        ['lastName', 'Strange'],
        ['age', 120],
      ],
      [
        ['firstName', 'IronyMan'],
        ['age', 55],
      ]
]


sortByAge(avengers);
// -> ['IronyMan','Captain Americano', 'Master Strange']

javascript arrays

Answer 1

Answer №1

Providing a solution to the challenge you're facing, here's what I suggest:

I began by restructuring your file layout into an array of objects with properties such as firstName, lastName, and age.
Next, I arranged this array in ascending order based on the ages of the objects.
Lastly, I extracted the name (first name followed by last name) and stored it in a result array before returning this array.

It's essential to verify if both the lastName and firstName properties exist within the object. Otherwise, there might be discrepancies like receiving "IronMan undefined" since IronMan lacks a lastName property.

const heroes = [{
    firstName: 'Black',
    lastName: 'Widow',
    age: 35,
  },
  {
    firstName: 'Hulk',
    lastName: 'Smash',
    age: 42
  },
  {
    firstName: 'Thor',
    age: 150
  }
]


console.log(getSortedNames(heroes));
// -> ['Thor', 'Black Widow', 'Hulk Smash']


function getSortedNames(arr) {
  let result = [];



  let sortedByAge = arr.sort(compare);

  sortedByAge.forEach((x) => {
  let name = "";
  if(x.firstName !== undefined){
      name += x.firstName;
  }
  if(x.lastName !== undefined){
      name += " " + x.lastName;
  }
    result.push(name)
  })

  return result;
}

function compare(a, b) {
  return a.age - b.age;
}

Answer 2

Providing a solution to the challenge you're facing, here's what I suggest:

I began by restructuring your file layout into an array of objects with properties such as firstName, lastName, and age.
Next, I arranged this array in ascending order based on the ages of the objects.
Lastly, I extracted the name (first name followed by last name) and stored it in a result array before returning this array.

It's essential to verify if both the lastName and firstName properties exist within the object. Otherwise, there might be discrepancies like receiving "IronMan undefined" since IronMan lacks a lastName property.

const heroes = [{
    firstName: 'Black',
    lastName: 'Widow',
    age: 35,
  },
  {
    firstName: 'Hulk',
    lastName: 'Smash',
    age: 42
  },
  {
    firstName: 'Thor',
    age: 150
  }
]


console.log(getSortedNames(heroes));
// -> ['Thor', 'Black Widow', 'Hulk Smash']


function getSortedNames(arr) {
  let result = [];



  let sortedByAge = arr.sort(compare);

  sortedByAge.forEach((x) => {
  let name = "";
  if(x.firstName !== undefined){
      name += x.firstName;
  }
  if(x.lastName !== undefined){
      name += " " + x.lastName;
  }
    result.push(name)
  })

  return result;
}

function compare(a, b) {
  return a.age - b.age;
}

Answer 3

Answer №2

as @Alex already mentioned, you can utilize the sort method (sorting by age) along with the map function to extract the names.

const process = (data) =>
  data
    .sort((a, b) => a[a.length - 1][1] - b[b.length - 1][1])
    .map((arr) =>
      arr
        .slice(0, arr.length - 1)
        .map(([, name]) => name)
        .join(" ")
    );

const avengers = [
  [
    ["firstName", "Captain"],
    ["lastName", "Americano"],
    ["age", 105],
  ],
  [
    ["firstName", "Master"],
    ["lastName", "Strange"],
    ["age", 120],
  ],
  [
    ["firstName", "IronyMan"],
    ["age", 55],
  ],
];

console.log(process(avengers))

Answer 4

as @Alex already mentioned, you can utilize the sort method (sorting by age) along with the map function to extract the names.

const process = (data) =>
  data
    .sort((a, b) => a[a.length - 1][1] - b[b.length - 1][1])
    .map((arr) =>
      arr
        .slice(0, arr.length - 1)
        .map(([, name]) => name)
        .join(" ")
    );

const avengers = [
  [
    ["firstName", "Captain"],
    ["lastName", "Americano"],
    ["age", 105],
  ],
  [
    ["firstName", "Master"],
    ["lastName", "Strange"],
    ["age", 120],
  ],
  [
    ["firstName", "IronyMan"],
    ["age", 55],
  ],
];

console.log(process(avengers))

Following the application of the filter function, a singular array was generated as the output

Answer №1

Answer №2

Similar questions

The object for checking Ajax connections is not providing any values

Encountering the error "Cannot read property 'header' of undefined" while conducting tests on Nodejs using supertest

Embedding a YouTube video in an iframe triggers numerous cautionary notifications in the Chrome browser

Ways to convert a PHP array into a JavaScript array

What is the best way to transform arrays like this into a JSON object?

What is the process for selectively adding interceptors to app.module?

Vuex - modify store state without changing the original object

Creating multiple tables in an HTML template using loops, either with or without JavaScript, each table identical to the one previously created

Updating a React event as it changes with each onChange event

Searching for identical consecutive numbers in a grid

React Router is not compatible with ReactJS app version 18

Change the output of Object.fromEntries

Can a C# MVC List<int> be transformed into a JavaScript array?

I am having trouble retrieving any data when using jQuery to post JSON data

Can a faulty image be cached?

Tips for selecting specific types from a list using generic types in TypeScript

Difficulty arises when collapsed text in Bootstrap clashes with the footer design

Improving basic collision detection using velocity-based 2D motion

Infinite scrolling made effortless with jQuery and Ajax

What is the best way to set the date defaultValue to be empty?