JavaScript sorted arrays are an efficient way to keep data

Question

JavaScript sorted arrays are an efficient way to keep data

In my dataset, I have an array of objects representing various products. Each product object includes a field called ratingReviews and another field called price, which can either be a string or an object. If the price is represented as an object, it contains a field named newUan to hold the new price.

The ratingReviews field consists of a number followed by a word, while the price or newUan field contains a human-readable number followed by a currency name in the format of space-delineated values.

I am looking to implement two functions that sort the products based on:

The numeric value in the ratingReviews field.
The numeric value in the price field, preferring price.newUan if available.

--

I already know how to sort based on ratingReviews:

const sortedByRating = () => {
  return products.sort((a, b) => {
    return parseFloat(b.ratingReviews) - parseFloat(a.ratingReviews)
  })
}

However, I need assistance sorting based on either price or price.newUan depending on what's provided. Could you please provide me with guidance on that?

For reference, here is a sample of my data:

const products = [
      // Sample product objects
    ]

javascript arrays sorting

Answer 1

Answer №1

function sortByRating() {
    const copyList = [...products];
    return copyList.sort((itemA, itemB) => {
        const [ratingItemA] = itemA.ratingReviews.split(' ');
        const [ratingItemB] = itemB.ratingReviews.split(' ');
        return ratingItemB - ratingItemA;
    });
};

function sortByPrice() {
    const copyList = [...products];
    return copyList.sort((itemA, itemB) => {
        let priceItemA = itemA.price.newUan ? itemA.price.newUan.replace(/\s+/g, '') : itemA.price.replace(/\s+/g, '');
        priceItemA = priceItemA.slice(0, priceItemA.length - 3);
        let priceItemB = itemB.price.newUan ? itemB.price.newUan.replace(/\s+/g, '') : itemB.price.replace(/\s+/g, '');
        priceItemB = priceItemB.slice(0, priceItemB.length - 3);
        return priceItemB - priceItemA;
    });
};

Answer 2

function sortByRating() {
    const copyList = [...products];
    return copyList.sort((itemA, itemB) => {
        const [ratingItemA] = itemA.ratingReviews.split(' ');
        const [ratingItemB] = itemB.ratingReviews.split(' ');
        return ratingItemB - ratingItemA;
    });
};

function sortByPrice() {
    const copyList = [...products];
    return copyList.sort((itemA, itemB) => {
        let priceItemA = itemA.price.newUan ? itemA.price.newUan.replace(/\s+/g, '') : itemA.price.replace(/\s+/g, '');
        priceItemA = priceItemA.slice(0, priceItemA.length - 3);
        let priceItemB = itemB.price.newUan ? itemB.price.newUan.replace(/\s+/g, '') : itemB.price.replace(/\s+/g, '');
        priceItemB = priceItemB.slice(0, priceItemB.length - 3);
        return priceItemB - priceItemA;
    });
};

Answer 3

Answer №2

const sortByPrice = () => products.sort((a, b) => {
  if (a.price.newUan && b.price.newUan) return parseFloat(b.price.newUan) - parseFloat(a.price.newUan);
  if (a.price.newUan) return parseFloat(b.price) - parseFloat(a.price.newUan);
  if (b.price.newUan) return parseFloat(b.price.newUan) - parseFloat(a.price);
  return parseFloat(b.price) - parseFloat(a.price);
});

The use of the return statement helps to control the flow of execution within the function.

Answer 4

const sortByPrice = () => products.sort((a, b) => {
  if (a.price.newUan && b.price.newUan) return parseFloat(b.price.newUan) - parseFloat(a.price.newUan);
  if (a.price.newUan) return parseFloat(b.price) - parseFloat(a.price.newUan);
  if (b.price.newUan) return parseFloat(b.price.newUan) - parseFloat(a.price);
  return parseFloat(b.price) - parseFloat(a.price);
});

The use of the return statement helps to control the flow of execution within the function.

JavaScript sorted arrays are an efficient way to keep data

Answer №1

Answer №2

Similar questions

Manipulating Angular and Typescript to utilize the method's parameter value as a JavaScript object's value

Adjust the height of a DIV element using Jquery Resizable to a minimum height of 1px, smaller than its default value

Error message: The Bootstrap .dropdown() method failed because it encountered an "Uncaught TypeError: undefined is not a function"

perform an action in PHP when a button is clicked

Creating a unique array of non-repeating numbers in ES6:

What are the steps for displaying multiple input fields using the onchange method?

What is the best way to transfer the value of a slider from jQuery or JavaScript to a Python Flask application

unable to update database using jquery ajax

Bootstrap Modal for WooCommerce

How can you optimize the uploading time and bandwidth by a factor of 1/3 when the output of toDataURL is in base64 format?

How can I display the value entered in a text input field when using ajax upload?

The URL provided by window.location is not accurate

Issue with create-react-app and express server not displaying correctly in Internet Explorer

Entwine words around an immovable partition

Error code 0 occurs in jQuery AJAX when there is an issue with the communication between the client

typescript: the modules with relational paths could not be located

The drawing library (Google Maps) failed to load

I'm facing issues with Angular commands not functioning properly even after installing the Angular CLI and configuring the

Modifying all occurrences of a specified string in an object (or array) - JavaScript

Get the docx file generated with Flask and VueJS