Order by surname in the alphabet

Question

Order by surname in the alphabet

In what way can we organize the data from an array of objects alphabetically by last name when there is no separate property for first and last names, but rather a single property called fullname (see example data below)?

If we were to sort the data by last name, it would result in the following order based on the provided data.

One challenge that arises is dealing with names such as "James van der Wal," "Mary Tyler Moore," "Erik the Great," and "Madonna." How can this scenario be efficiently managed? Any assistance would be greatly appreciated. Thank you. I currently have a solution outlined below but am open to suggestions. Thank you.

Alexa Bermodes
Bryan Christian
Alen Geizer
Philipp Hym
Mattew Merrillos
Emil Ortizano
Ivana Turnerre
Steven Weinraucherche

#Object - names

[
    {
        "id": 2,
        "display": "Alen Geizer",
        "subDisplay": null,
        "attribute1": null,
        "attribute2": null
    },

    {
        "id": 9,
        "display": "Emil Ortizano",
        "subDisplay": null,
        "attribute1": null,
        "attribute2": null
    },
    {
        "id": 10,
        "display": "Philipp Hym",
        "subDisplay": null,
        "attribute1": null,
        "attribute2": null
    },
    {
        "id": 11,
        "display": "Bryan Christian",
        "subDisplay": null,
        "attribute1": null,
        "attribute2": null
    },
    {
        "id": 12,
        "display": "Ivana Turnerre",
        "subDisplay": null,
        "attribute1": null,
        "attribute2": null
    },
    {
        "id": 13,
        "display": "Mattew Merrillos",
        "subDisplay": null,
        "attribute1": null,
        "attribute2": null
    },
    
    {
        "id": 1,
        "display": "Alexa Bermudes",
        "subDisplay": null,
        "attribute1": null,
        "attribute2": null
    },
    {
        "id": 2299,
        "display": "Steven Weinraucherche",
        "subDisplay": null,
       "attribute1": null,
       "attribute2": null
   }
]

#code

getSampleListOfNames() {
this.isLoading = true;
this._sample.getSampleListNames(id, '')
  .pipe(
    finalize(() => this.isLoading = false),
  ).subscribe({
    next: (res) => {
      if (res.data) {
       res.data.sort((a,b) => a.display.split(" ")[1] > b.display.split(" ")[1] ? 1: -1);
        this.names = res.data;
      }
    },
    error: err => noop,
    complete: () => {
      this.isLoading = false;
    }
  });
}

javascript angular typescript

Answer 1

Answer №1

When determining a person's first and last name without specific guidelines, one approach is to consider the first word as the first name and everything else as the last name...

Building on this idea and implementing it in code...

const parseName = fullname => {
  const tokens = fullname.split(' ');
  const firstname = tokens[0];
  const lastname = tokens.slice(1).join(' ');
  return {
    firstname,
    lastname
  };
};

const compareNames = (a, b) => {
  const parseA = parseName(a);
  const parseB = parseName(b);
  return parseA.lastname.localeCompare(parseB.lastname);
};

let sorted = ["Mary Tyler Moore", "Madonna", "Erik The Great"].sort(compareNames);
console.log(sorted)

Another approach involves caching the parsed name information for objects, allowing easier access for future operations such as sorting...

const parseName = fullname => {
  const tokens = fullname.split(' ');
  const firstname = tokens[0];
  const lastname = tokens.slice(1).join(' ');
  return {
    firstname,
    lastname
  };
};

// Updated comparison function that uses the cached 'parsedName' property
const compareObjects = (a, b) => {
  return a.parsedName.lastname.localeCompare(b.parsedName.lastname);
};

// Assign each object a new parsedName property
const augmentedData = getData().map(o => ({ parsedName: parseName(o.display), ...o }));

let sorted = augmentedData.sort(compareObjects);
console.log(sorted);

// Function to retrieve sample data
function getData() {
  return [{
      "id": 2,
      "display": "Alen Geizer",
      "subDisplay": null,
      "attribute1": null,
      "attribute2": null
    },

    // Additional sample data entries...
    
  ]
}

By caching the parsed name, not only is efficiency improved, but potential inconsistencies arising from subjective interpretations of names are also mitigated within the application.

Answer 2

When determining a person's first and last name without specific guidelines, one approach is to consider the first word as the first name and everything else as the last name...

Building on this idea and implementing it in code...

const parseName = fullname => {
  const tokens = fullname.split(' ');
  const firstname = tokens[0];
  const lastname = tokens.slice(1).join(' ');
  return {
    firstname,
    lastname
  };
};

const compareNames = (a, b) => {
  const parseA = parseName(a);
  const parseB = parseName(b);
  return parseA.lastname.localeCompare(parseB.lastname);
};

let sorted = ["Mary Tyler Moore", "Madonna", "Erik The Great"].sort(compareNames);
console.log(sorted)

Another approach involves caching the parsed name information for objects, allowing easier access for future operations such as sorting...

const parseName = fullname => {
  const tokens = fullname.split(' ');
  const firstname = tokens[0];
  const lastname = tokens.slice(1).join(' ');
  return {
    firstname,
    lastname
  };
};

// Updated comparison function that uses the cached 'parsedName' property
const compareObjects = (a, b) => {
  return a.parsedName.lastname.localeCompare(b.parsedName.lastname);
};

// Assign each object a new parsedName property
const augmentedData = getData().map(o => ({ parsedName: parseName(o.display), ...o }));

let sorted = augmentedData.sort(compareObjects);
console.log(sorted);

// Function to retrieve sample data
function getData() {
  return [{
      "id": 2,
      "display": "Alen Geizer",
      "subDisplay": null,
      "attribute1": null,
      "attribute2": null
    },

    // Additional sample data entries...
    
  ]
}

By caching the parsed name, not only is efficiency improved, but potential inconsistencies arising from subjective interpretations of names are also mitigated within the application.

Answer 3

Answer №2

In the scenario where

a = [referencing previous context]

and the term "last name" refers to the string that comes after the last instance of a space, a possible implementation could be as follows:

const extractLastName = obj => obj.name.split(' ').pop();
a.sort((firstObj, secondObj) => extractLastName(firstObj).localeCompare(extractLastName(secondObj)));

Answer 4

In the scenario where

a = [referencing previous context]

and the term "last name" refers to the string that comes after the last instance of a space, a possible implementation could be as follows:

const extractLastName = obj => obj.name.split(' ').pop();
a.sort((firstObj, secondObj) => extractLastName(firstObj).localeCompare(extractLastName(secondObj)));

Order by surname in the alphabet

Answer №1

Answer №2

Similar questions

Using Three.js with Webpack 5 and FBXLoader inline integration

How can you refresh the .replaceWith method in jQuery?

Extracting values from dynamically named properties in ES6 using object destructuring

AngularJS Multi-select Dropdown Filter Logic

Creating an Angular directive that shares a single scope while displaying multiple behaviors

Merge JavaScript Functions into a Single Function

Issue with narrowing TypeScript arrays often encountered

Achiever.js - Incorporating incremental progress with half stars instead of whole stars

Creating these three functions directly in the Parent Component instead of duplicating code in the child component - ReactJS

Working with npm objects across multiple files

What is the process for node_modules packages to access configuration files located in the project root directory?

While working with Ngrx/effects, an error with code TS2345 occurred. The error message stated that the argument is of type 'Product[]', which cannot be assigned to a parameter of type

Having trouble with Ng-repeat not functioning properly on arrays of objects?

Obtain the leaf nodes from a combination of arrays and objects using Lodash

How can data be transmitted to the client using node.js?

Ways to transfer textfield input from HTML to servlet without the use of forms

Streamlining the process of implementing click events on elements selected by class using jQuery

Avoiding node_modules in Webpack 2 with babel-loader

The backend error message isn't triggering an alert!

Utilizing Database values in .css files with Vue.js and TypeScript