What is the best way to arrange an array by the attribute of related elements in another array using Javascript?

Question

What is the best way to arrange an array by the attribute of related elements in another array using Javascript?

Imagine I have two sets of items. The first set is:

A = [apple, banana, cherry, date]

and the second set is,

B = [watermelon, xigua, yuzu, zucchini]

Each item in A corresponds to the respective item in B

(i.e. apple -> watermelon, banana -> xigua, cherry -> yuzu, date -> zucchini)

Now I aim to arrange the items in A in ascending order based on a certain property (let's say size) of the items in B

(e.g. watermelon.size = 3, xigua.size = 2, yuzu.size = 1, zucchini.size = 4)

So, I want the output to be:

[cherry, banana, apple, date]

How can I achieve this using JavaScript? Any assistance would be greatly appreciated as I've been struggling with this for quite some time.

javascript arrays

Answer 1

Answer №1

To achieve this, you can obtain the indices, arrange them based on the values of variable b, and then map the values of variable a by utilizing the sorted indices.

var a = ['a', 'b', 'c', 'd'] ,
    b = [3, 2, 1, 4],
    indices = [...b.keys()].sort((x, y) => b[x] - b[y]),
    result = indices.map(i => a[i]);

console.log(result);

Answer 2

To achieve this, you can obtain the indices, arrange them based on the values of variable b, and then map the values of variable a by utilizing the sorted indices.

var a = ['a', 'b', 'c', 'd'] ,
    b = [3, 2, 1, 4],
    indices = [...b.keys()].sort((x, y) => b[x] - b[y]),
    result = indices.map(i => a[i]);

console.log(result);

Answer 3

Answer №2

To get the desired outcome, implement the following method which involves using indexOf and sort.

Arrange array - a by sorting it based on the values from array b using the indexOf method.

var a = ["a", "b", "c", "d"]
var b = [3, 2, 1, 4]

console.log(a.sort((x,y) => b[a.indexOf(x)] - b[a.indexOf(y)]))

Answer 4

To get the desired outcome, implement the following method which involves using indexOf and sort.

Arrange array - a by sorting it based on the values from array b using the indexOf method.

var a = ["a", "b", "c", "d"]
var b = [3, 2, 1, 4]

console.log(a.sort((x,y) => b[a.indexOf(x)] - b[a.indexOf(y)]))

What is the best way to arrange an array by the attribute of related elements in another array using Javascript?

Answer №1

Answer №2

Similar questions

How can we ensure that multiple forms are validated when submitting one form in AngularJS?

Unable to extract all advertisements from Facebook Marketplace

Submitting a POST request using a Chrome Extension

Manipulate classes based on scrolling (Wordpress)

Order of execution for Angular 2 components

Having trouble retrieving AJAX response data using jQuery

Disconnection between client and server communications

pick out particular values from an array

Ways to confirm non-null values and bypass the row if it is

Struggling with React Js and need some assistance?

Employ the faker.js library to automatically create a form within casperjs environment

VUE JS - My methods are triggering without any explicit invocation from my side

experimenting with a TypeScript annotation

Issues encountered when implementing server-sent events in a project built with Node.js and React

fnRedraw and fnReloadAjax do not have the capability to refresh the datatable

When HTML elements are dynamically inserted through JavaScript using quilljs, they may cause conflicts with the layout properties

The successful Ajax POST request does not result in an update to the JSON file

guide on launching react with pure javascript

React is throwing an error that says, "You cannot use the import statement outside a

Causing a click event to occur results in crashing the browser