Issue encountered when trying to use Array.sort() method to sort an array of objects

Question

Issue encountered when trying to use Array.sort() method to sort an array of objects

I'm facing an issue sorting an array of objects by a name property present on each object. When utilizing the sort() method with the given code snippet, I encounter the following error:

ERROR ReferenceError: b is not defined

This is my code block:

myArray.sort( (a,b) => {
return (typeof a.name === 'string') - (typeof b.name === 'string') || a.name - b.name || a.name.localeCompare(b.name)};

What puzzles me is...

When I execute:

myArray.sort( (a,b) => {
console.log(a.name);
console.log(b.name);

It logs the names properly. What am I overlooking?

A little more context:

Following an HTTP call from an Angular service.ts file, I apply this method. The resulting array is then passed to my component and subscribed to. This is in the realm of Angular using TypeScript that compiles into JavaScript. Additionally, below my sort() method, another forEach() method operates without issues.

javascript arrays angular typescript methods

Answer 1

Answer №1

Are you looking for this solution?

var array = [
  { name: "Emily" },
  { name: "David" },
  { name: "Alice" }
];

array.sort(function (x, y) {
  if (x.name > y.name) return 1;
  if (x.name < y.name) return -1;
  return 0;
});

console.log(array);

Answer 2

Are you looking for this solution?

var array = [
  { name: "Emily" },
  { name: "David" },
  { name: "Alice" }
];

array.sort(function (x, y) {
  if (x.name > y.name) return 1;
  if (x.name < y.name) return -1;
  return 0;
});

console.log(array);

Answer 3

Answer №2

To create a comparison that works regardless of the data type, you can prioritize numeric values by moving them to the top.

var array = [{ name: 20 }, { name: 21 }, { name: 2 }, { name: 11 }, { name: 1 }, { name: 'John' }, { name: 'Jane' }, { name: 'Frank' }, { name: 'Mary' },] 

array.sort((a, b) => (typeof a.name === 'string') - (typeof b.name === 'string') || a.name > b.name || -(a.name < b.name));

console.log(array);

Answer 4

To create a comparison that works regardless of the data type, you can prioritize numeric values by moving them to the top.

var array = [{ name: 20 }, { name: 21 }, { name: 2 }, { name: 11 }, { name: 1 }, { name: 'John' }, { name: 'Jane' }, { name: 'Frank' }, { name: 'Mary' },] 

array.sort((a, b) => (typeof a.name === 'string') - (typeof b.name === 'string') || a.name > b.name || -(a.name < b.name));

console.log(array);

Issue encountered when trying to use Array.sort() method to sort an array of objects

Answer №1

Answer №2

Similar questions

What is the best method for implementing pagination in Larvael with React using Inertia?

javascript search for parent function argument

What is the best way to align content in the left center of a Paper component and ensure it stays that way on smaller devices?

Is it possible to modify a portion of the zod schema object according to the value of a

Is it possible to send arguments to a debounced function using _.lodash?

The onClick function is failing to work properly, and I need to pass the value of 'cid' based on the result of the button

Is it possible to use ng-repeat on an array that contains data with inner arrays having similar key-value pairs, grouping them

Issue with Typescript and React: Property not found on type 'IntrinsicAttributes'

forever js is interfering with the operation of a different application

Getting the latest data from a Kendo Dialog in Angular 4

The database is not being updated with the new values

What are the best practices for effectively using RxJs subscriptions?

Leveraging em units in jQuery Script

Navigating to specific rows in a primeng virtualscroll table using the scrollToIndex

What could be causing my ajax request to not be successfully compiled?

What is the best way to add controllers to AngularJS?

Issue with AngularJS factory $http.get request receiving HTML files as response

Tips for only retrieving specific data from a JSON call

Setting the initial selected option in a dropdown using Angular 4 Reactive Forms

Sending information to a PHP script using Ajax