Updating elements in an array based on a specified threshold value, all done without the use of conditional if statements in Javascript

Question

Updating elements in an array based on a specified threshold value, all done without the use of conditional if statements in Javascript

I am exploring ways to efficiently solve this particular problem.

Within my dataset is an extensive array of integers:

[170,158,147,139,134,132,133,136,141,.....]

I have predetermined threshold values of 132 and 137.

My goal is to adjust any numbers in the array that are below 132 to a new value, such as 100, and change any number above 137 to another value, like 150.

One approach could be to create a function:


for (i < array.length)
    if(array[i] < 132)
        array[i] = 100;
    if(array[i] > 137)
        array[i] = 150

However, with the size of my array being over 20k elements, this method would be time-consuming due to the numerous conditional statements.

The order of the array must be maintained, eliminating the possibility of sorting.

Perhaps utilizing bitwise operations could provide a more efficient solution for this task.

javascript arrays performance if-statement

Answer 1

Answer №1

Consider giving this a try for potentially improved speed:

let givenData=[170,158,147,139,134,132,133,136,141,.....];
let updatedResult=givenData.map(item=> item<132 ? 100 : (item>137 ? 150 : item));

Answer 2

Consider giving this a try for potentially improved speed:

let givenData=[170,158,147,139,134,132,133,136,141,.....];
let updatedResult=givenData.map(item=> item<132 ? 100 : (item>137 ? 150 : item));

Answer 3

Answer №2

The efficiency of different types of for loops can vary significantly. Using a traditional for loop like

for (i=0; i < array.length; i++) {}

is generally much faster than using for (i in array) {}. Let's compare the speed difference by looking at an example with an array containing 1,000,000 elements:

var bigData = [];
for (var i = 0; i < 1000000; i++) {
  bigData[i] = i;
}

console.time('TEST1');
for (i=0; i < bigData.length; i++) {
    if(bigData[i] < 132)
        bigData[i] = 100;
    if(i > 137)
        bigData[i] = 150
}
console.timeEnd('TEST1');

console.time('TEST2');
for (i in bigData) {
    if(i < 132)
        i = 100;
    if(i > 137)
        i = 150
}
console.timeEnd('TEST2');

Answer 4

The efficiency of different types of for loops can vary significantly. Using a traditional for loop like

for (i=0; i < array.length; i++) {}

is generally much faster than using for (i in array) {}. Let's compare the speed difference by looking at an example with an array containing 1,000,000 elements:

var bigData = [];
for (var i = 0; i < 1000000; i++) {
  bigData[i] = i;
}

console.time('TEST1');
for (i=0; i < bigData.length; i++) {
    if(bigData[i] < 132)
        bigData[i] = 100;
    if(i > 137)
        bigData[i] = 150
}
console.timeEnd('TEST1');

console.time('TEST2');
for (i in bigData) {
    if(i < 132)
        i = 100;
    if(i > 137)
        i = 150
}
console.timeEnd('TEST2');

Updating elements in an array based on a specified threshold value, all done without the use of conditional if statements in Javascript

Answer №1

Answer №2

Similar questions

Detecting collisions on a pixel-by-pixel basis within Javascript/Jquery/Gamequery

Retrieving data from AJAX requests

What is the best way to organize class usage within other classes to prevent circular dependencies?

Tips for sending an array with all its elements from jQuery to PHP

Simple Way to Show API Output in Plain Text (Beginner Inquiry)

Adding a component dynamically with a link click in Angular: A step-by-step guide

How do I iterate through two arrays in jQuery/JS and switch a class using an if/else statement?

Issue with adding a video to a playlist using Youtube API

How can I utilize a CDN for JavaScript libraries in Gulp?

How can I retrieve the top-level key based on a value within a JSON object nested in JavaScript?

What is the process to manually trigger hot reload in Flutter?

Cors policy error encountered in Node.js application and React application

How can I structure the response from HttpClient to make it compatible with *ngFor

What is the best method for retrieving the entire row data based on the maximum value in a column?

Utilizing MutationObserver in JavaScript for Streamlined Code Execution

Exploring the keyof operator in Typescript for object types

Tool for controlling the layout of the viewport with Javascript

Combining Arrays in a Single External Loop

Check the box to track the current status of each individual row

NPM: Implementing a "post-install" hook that is only executed internally and not for package consumers