Obtain the closest numerical range using JavaScript

Question

Obtain the closest numerical range using JavaScript

I have a range object and an array of price values. My goal is to find the nearest range from the range object for each value in the price values array. I attempted the solution below, but it did not give me the correct range.

range = {
    0: '25-500',
    1: '1500-2500',
    2: '5000-10000'
}

let price_values = [5, 100, 1500, 7000, 15000]

Here is my attempted solution

    let nearestPriceRangeArr = [];
let rangeLength = Object.keys(range).length;
Object.keys(range).forEach(key => {
    price_values.forEach((price, qKey) => {
        let rangeArr = key.split("-");
        let fromRange = parseInt(rangeArr[0]);
        let toRange = parseInt(rangeArr[1]);
        if(price <= fromRange) {
            if(x == 0) {
                nearestPriceRangeArr[price] = key;
            }
        } else {
            if (price >= fromRange && price <= toRange) {
                nearestPriceRangeArr[price] = key;
            } else {
                if(price >= toRange) {
                let ab = (x == rangeLength - 1) ? key : key;
                    nearestPriceRangeArr[price] = ab;
                }
            }
        }
        x++;
    });
});

Expected Result

nearestPriceRangeArr[5] = '25-500';
nearestPriceRangeArr[100] = '25-500';
nearestPriceRangeArr[1500] = '1500-2500';
nearestPriceRangeArr[7000] = '5000-10000';
nearestPriceRangeArr[15000] = '5000-10000';

javascript typescript ecmascript-6 range

Answer 1

Answer №1

If you have an array of price ranges, you can determine the appropriate range by comparing the price.

const
    customRange = ['25-500', '1500-2500', '5000-10000'],
    pricesToCheck = [5, 100, 1500, 7000, 15000],
    finalResult = Object.fromEntries(pricesToCheck.map(price => [price, customRange.find((range, index, { length }) => {
        const [minPrice, maxPrice] = range.split('-').map(Number);
        return price <= maxPrice || index === length - 1;
    })]));

console.log(finalResult);

Answer 2

If you have an array of price ranges, you can determine the appropriate range by comparing the price.

const
    customRange = ['25-500', '1500-2500', '5000-10000'],
    pricesToCheck = [5, 100, 1500, 7000, 15000],
    finalResult = Object.fromEntries(pricesToCheck.map(price => [price, customRange.find((range, index, { length }) => {
        const [minPrice, maxPrice] = range.split('-').map(Number);
        return price <= maxPrice || index === length - 1;
    })]));

console.log(finalResult);

Answer 3

Answer №2

Not sure what caused it, but here's a unique solution to your unusual problem.

console.clear();
let range = {
    0: '25-500',
    1: '1500-2500',
    2: '5000-10000'
}
let price_values = [5, 100, 1500, 7000, 15000];
let nearestPriceRangeArr = {};
let rangeValues = Object.values(range);

price_values.forEach((price)=>{
  // for prices which are in one the range_values
  rangeValues.forEach((range, rangeIndex)=>{
    let ranges = range.split('-');
    if(price >= parseInt(ranges[0]) && price <= parseInt(ranges[1])){
      nearestPriceRangeArr = {
        ...nearestPriceRangeArr,
       [price] : range
      }
    }
    /* if price is not falling in any range */
    // if price is smaller than first range
    if(rangeIndex === 0){
        if(price <= ranges[0]){
          nearestPriceRangeArr = {
          ...nearestPriceRangeArr,
         [price] : range
        }
      }
    } else {
      // if price is greater than previous range
      // and smaller than current range
      const previousRanges = rangeValues[rangeIndex - 1].split("-");
      if(price > previousRanges[1] && price <= ranges[0] ){
         nearestPriceRangeArr = {
          ...nearestPriceRangeArr,
         [price] : range
        }
      } else {
        // if price is greater than last range
        if(price > ranges[1]){
            nearestPriceRangeArr = {
            ...nearestPriceRangeArr,
           [price] : range
          }
        }
      }
    }
  })  
})

console.log(nearestPriceRangeArr);
console.log(nearestPriceRangeArr[5])
console.log(nearestPriceRangeArr[100])
console.log(nearestPriceRangeArr[1500])
console.log(nearestPriceRangeArr[7000])
console.log(nearestPriceRangeArr[15000])

https://i.sstatic.net/UZyLi.png

Answer 4

Not sure what caused it, but here's a unique solution to your unusual problem.

console.clear();
let range = {
    0: '25-500',
    1: '1500-2500',
    2: '5000-10000'
}
let price_values = [5, 100, 1500, 7000, 15000];
let nearestPriceRangeArr = {};
let rangeValues = Object.values(range);

price_values.forEach((price)=>{
  // for prices which are in one the range_values
  rangeValues.forEach((range, rangeIndex)=>{
    let ranges = range.split('-');
    if(price >= parseInt(ranges[0]) && price <= parseInt(ranges[1])){
      nearestPriceRangeArr = {
        ...nearestPriceRangeArr,
       [price] : range
      }
    }
    /* if price is not falling in any range */
    // if price is smaller than first range
    if(rangeIndex === 0){
        if(price <= ranges[0]){
          nearestPriceRangeArr = {
          ...nearestPriceRangeArr,
         [price] : range
        }
      }
    } else {
      // if price is greater than previous range
      // and smaller than current range
      const previousRanges = rangeValues[rangeIndex - 1].split("-");
      if(price > previousRanges[1] && price <= ranges[0] ){
         nearestPriceRangeArr = {
          ...nearestPriceRangeArr,
         [price] : range
        }
      } else {
        // if price is greater than last range
        if(price > ranges[1]){
            nearestPriceRangeArr = {
            ...nearestPriceRangeArr,
           [price] : range
          }
        }
      }
    }
  })  
})

console.log(nearestPriceRangeArr);
console.log(nearestPriceRangeArr[5])
console.log(nearestPriceRangeArr[100])
console.log(nearestPriceRangeArr[1500])
console.log(nearestPriceRangeArr[7000])
console.log(nearestPriceRangeArr[15000])

https://i.sstatic.net/UZyLi.png

Obtain the closest numerical range using JavaScript

Answer №1

Answer №2

Similar questions

Typescript provides the flexibility to construct incomplete or partially valid objects

Efficient segmentation of text using CSS and JavaScript

Setting the z-index for a JavaScript plugin

Is it not possible to utilize inline "if" statements in conjunction with useEffect within a functional React component?

Is it true that TypeScript prohibits the presence of circular references under the condition of having generic parameters

Exporting a JavaScript chart to an Excel file using Highcharts

Tips for arranging alternating elements in a column layout using an array data model

What is the most efficient method of converting an object into a list without resorting to a double for loop?

Error: Trying to modify an immutable property 'title' of object '#<Object>' - React JS and Typescript

Can jQuery be used to edit an XML file?

Receiving an abundance of alert notifications triggered by the search functionality of jsTree

What is the method to update reference models in mongodb by generating documents within a different model?

What is the best way to retrieve information from a database using JSON with PHP, JQUERY, and

discovering the absence of any letters within an array

Struggles with toggling a sliding menu using JQuery

Utilizing Socket IO and Node JS to stream audio from a microphone via sockets

Mastering the art of utilizing Context API and Provider for optimal functionality

Ways to merge several getServerSideProps functions

Fastblox - utilizing javascript SDK for group chatting

The Angular $rootScope.user.userMessage throws an error stating that it is not an object