Utilize a pair of arrays to assign distinct values in JavaScript

Question

Utilize a pair of arrays to assign distinct values in JavaScript

I realize the title of my question may seem odd, but I wasn't sure how else to phrase it.

I am dealing with two sets of data

a = [1,2,3]

And

b = ["gf","gdf","gdf"]

Currently, my return statement looks like this:

return {
    options: a.map(value => ({ label: value, value: value }))
};

But I actually want the values inside the options to come from the b array instead of the a array. How can I achieve this?

javascript arrays ecmascript-6

Answer 1

Answer №1

To retrieve elements from the b array, you can pass a second parameter to the map() function, which represents the index of the current element.

var a = [1,2,3], b = ["gf","gdf","gdf"]

var options = a.map(function(value, index) {
 return { label: value, value: b[index] }
})

console.log(options)

If you prefer using ES6 and arrow functions, you can achieve the same result like this.

var a = [1,2,3], b = ["gf","gdf","gdf"]

var options = a.map((v, i) => ({label: v, value: b[i]}))
console.log(options)

Answer 2

To retrieve elements from the b array, you can pass a second parameter to the map() function, which represents the index of the current element.

var a = [1,2,3], b = ["gf","gdf","gdf"]

var options = a.map(function(value, index) {
 return { label: value, value: b[index] }
})

console.log(options)

If you prefer using ES6 and arrow functions, you can achieve the same result like this.

var a = [1,2,3], b = ["gf","gdf","gdf"]

var options = a.map((v, i) => ({label: v, value: b[i]}))
console.log(options)

Answer 3

Answer №2

If you want to create a custom function called mapn that can iterate over multiple arrays at once and call a function using elements from each array as arguments, you can do so like this:

array1 = [1, 2, 3]
array2 = ["gf", "gdf", "gdf"]

function mapn(arrays, fn) {
  return arrays[0].map((_, i) => fn(...arrays.map(array => array[i])));
}

console.log(mapn([array1, array2], (label, value) => ({label, value})));

Answer 4

If you want to create a custom function called mapn that can iterate over multiple arrays at once and call a function using elements from each array as arguments, you can do so like this:

array1 = [1, 2, 3]
array2 = ["gf", "gdf", "gdf"]

function mapn(arrays, fn) {
  return arrays[0].map((_, i) => fn(...arrays.map(array => array[i])));
}

console.log(mapn([array1, array2], (label, value) => ({label, value})));

Utilize a pair of arrays to assign distinct values in JavaScript

Answer №1

Answer №2

Similar questions

Not every item in the array has been allocated to the model

Customizing Your JQuery.awesomeCloud.plugin with a Tooltip Functionality using jQuery

Express.js code is experiencing difficulties with autocomplete functionalities

Update the image within the svg tag

Navigating to the parent Vue component in a Vue3 project with Composition API structure in WebStorm

Check 2 arrays for common values and eliminate them

Pluck() method in Laravel retrieves a single row instead of a collection

Trouble arises with Pagination feature of Mui Data Table

Form a collection using multiple elements

What is the best way to conceal a Boostrap Navbar using jQuery?

Ensure that the value is updated upon clicking on the radio buttons and store the value in a session variable for

Would you like to learn how to set an auto-play video as the background in a webpage section, similar to the one found on http://www8.hp.com/in/en/home.html?

Guide to obtaining scope within a nested directive

Issue with body element displacement when utilizing Bootstrap 5.2 toast component

Synced Slideshows

Is jQuery Autocomplete functioning properly on outdated browsers, but not on newer ones?

Combining Data from Header to Body using HTML5 and JavaScript

An undefined error for the variable 'y' in a JavaScript AJAX scenario

What is the best way to combine 4 small triangle pieces in order to create one large triangle?

When navigating to a new route using history.push in React, it's important to ensure that the correct state is