Transform an array of values into a new array with a set range

Question

Transform an array of values into a new array with a set range

Looking for a solution in JavaScript! I currently have an array of values:

var values = [3452,1234,200,783,77]

I'm trying to map these values to a new array where they fall within the range of 10 to 90.

var new_values = [12,48,67,78,90]

Does anyone know how this can be done in plain JS?

Feeling a bit stuck :( Thank you

javascript

Answer 1

Answer №1

If you are referring to the concept of mapping (exchanging one value for another), then you can use Array#map:

var new_array = array.map(function(value) {
    return /*...your calculation on value here...*/;
});

This function will iterate through each value in the array, apply your specified calculation, and create a new array based on the returned values. (Sorry, I couldn't understand how 3452 turns into 12 or 1234 into 48, etc.)

For example, to double each value in an array:

var array = [1, 2, 3, 4];
var new_array = array.map(function(value) {
  return value * 2;
});
console.log(new_array);

If you mean filtering values within a specific range, then you would use Array#filter:

var new_array = array.filter(function(value) {
    return value >= 10 && value <= 90;
});

This function will evaluate each value against your conditions and include only those that satisfy them in the new array. Here, "between 10 and 90" includes both 10 and 90.

For instance:

var array = [3452, 1234, 200, 783, 77];
var new_array = array.filter(function(value) {
    return value >= 10 && value <= 90;
});
console.log(new_array);

In modern versions like ES2015 (or "ES6") and beyond, you can write these operations more succinctly:

let new_array = array.map(value => /*...your calculation on value...*/);

Or

let new_array = array.filter(value => value >= 10 && value <= 90);

Answer 2

If you are referring to the concept of mapping (exchanging one value for another), then you can use Array#map:

var new_array = array.map(function(value) {
    return /*...your calculation on value here...*/;
});

This function will iterate through each value in the array, apply your specified calculation, and create a new array based on the returned values. (Sorry, I couldn't understand how 3452 turns into 12 or 1234 into 48, etc.)

For example, to double each value in an array:

var array = [1, 2, 3, 4];
var new_array = array.map(function(value) {
  return value * 2;
});
console.log(new_array);

If you mean filtering values within a specific range, then you would use Array#filter:

var new_array = array.filter(function(value) {
    return value >= 10 && value <= 90;
});

This function will evaluate each value against your conditions and include only those that satisfy them in the new array. Here, "between 10 and 90" includes both 10 and 90.

For instance:

var array = [3452, 1234, 200, 783, 77];
var new_array = array.filter(function(value) {
    return value >= 10 && value <= 90;
});
console.log(new_array);

In modern versions like ES2015 (or "ES6") and beyond, you can write these operations more succinctly:

let new_array = array.map(value => /*...your calculation on value...*/);

Or

let new_array = array.filter(value => value >= 10 && value <= 90);

Answer 3

Answer №2

To secure in place:

const updated_values = [500,234,10,789,87].map(number => Math.min(100, Math.max(number, 50)));

To screen and select:

const filtered_values = [500,234,10,789,87].filter(num => 50 < num && num < 100));

Answer 4

To secure in place:

const updated_values = [500,234,10,789,87].map(number => Math.min(100, Math.max(number, 50)));

To screen and select:

const filtered_values = [500,234,10,789,87].filter(num => 50 < num && num < 100));

Transform an array of values into a new array with a set range

Answer №1

Answer №2

Similar questions

The HTTP request is being executed twice for some reason unknown to me

Best practices for authenticating methods with Google signin in Angular projects

Is there a way to prevent HTML rendering with Javascript within a JSP page?

Node.js and TestCafe encountered a critical error: Inefficient mark-compacts were performed near the heap limit, resulting in an allocation failure. The JavaScript heap ran

React and Material-Ui utilize class definitions in .js files, which are then passed as strings to components

Translating from a higher-level programming language to a lower-level programming language

The absence of HTML and CSS is preventing the inclusion of an Ajax image viewer, back button, and

JavaScript method to prevent users from entering numbers as the first two characters, with all subsequent characters being numbers only

Using Javascript's OnChange event to dynamically update data

What could be the reason for my jQuery call displaying as undefined?

Reveal the table only once a search has been completed

Tips for transitioning from custom CSS to Material UI's CSS in JS

Restrict access to table records by specifying an array of row identifiers

Ways to Soothe Long Polling

What could be the root cause behind the error encountered while trying to authenticate a JWT?

How can it be that "Function" actually functions as a function?

What are the steps to integrate mp3 music into my web application?

Develop an onclick function with an href attribute

Pagination in DynamoDB: Moving forward and backward through your data

Utilizing inline javascript to dynamically update the selected option of a radio button