Arrange arrays with multiple dimensions in JavaScript based on their ranges

Question

Arrange arrays with multiple dimensions in JavaScript based on their ranges

Seeking assistance on sorting a multi-dimensional array returned from an API to enable users to choose a range based on beats.

I'm currently facing challenges with the data my API is returning.

var myObj = [{
    title: 'title one',
    beats: 1
}, {
    title: 'title two',
    beats: 2
}, {
    title: 'title three',
    beats: 3
}, {
    title: 'title four',
    beats: 4
}, {
    title: 'title five',
    beats: 5
}, {
    title: 'title six',
    beats: 6
}, {
    title: 'title seven',
    beats: 7
}, {
    title: 'title eight',
    beats: 8
}, {
    title: 'title nine',
    beats: 9
}, {
    title: 'title ten',
    beats: 10
}];

Currently, I am attempting to allow users to select a range based on beats.

For example, if they select 1-4, the expected output would be:

var myObj = [{
    title: 'title one',
    beats: 1
}, {
    title: 'title two',
    beats: 2
}, {
    title: 'title three',
    beats: 3
}];

Similarly, selecting 8-10 should return:

var myObj = [{
    title: 'title eight',
    beats: 8
}, {
    title: 'title nine',
    beats: 9
}, {
    title: 'title ten',
    beats: 10
}];

Any suggestions on what function I could use for this purpose will be highly appreciated. Thanks in advance!

javascript arrays

Answer 1

Answer №1

@qubyte shared a [helpful response](https://stackoverflow.com/a/16643074/103081) for the query on [How to get all properties values of a Javascript Object (without knowing the keys)?](https://stackoverflow.com/questions/7306669/how-to-get-all-properties-values-of-a-javascript-object-without-knowing-the-key)

In that context, we learn how to iterate through all the values of a JavaScript object.

for (var key in obj) {
    if (obj.hasOwnProperty(key)) {
        var val = obj[key];
        // use val
    }
}

If your scenario involves each value within the returned myObj being an object with "title" and "beats" properties, and you wish to locate those with specific beats value.

We can create a function to search for property values and return an array containing the desired values.

function searchByProperty(obj, property, low, high){
  var found = [];
  var val, prop;
  for (var key in obj) {
    if (obj.hasOwnProperty(key)) {
        val = obj[key];
        prop = val[property];
        if( (prop>=low) && (prop<=high) ) found.push(val);
    }
  return found;
}

This function can be utilized as follows:

searchByProperty(myObj, 'beats', 1, 4)

The output will be:

[
    {
        title: 'title one',
        beats: 1
    },
    {
        title: 'title two',
        beats: 2
    },
    {
        title: 'title three',
        beats: 3
    },
    {
        title: 'title four',
        beats: 4
    }
]

Answer 2

@qubyte shared a [helpful response](https://stackoverflow.com/a/16643074/103081) for the query on [How to get all properties values of a Javascript Object (without knowing the keys)?](https://stackoverflow.com/questions/7306669/how-to-get-all-properties-values-of-a-javascript-object-without-knowing-the-key)

In that context, we learn how to iterate through all the values of a JavaScript object.

for (var key in obj) {
    if (obj.hasOwnProperty(key)) {
        var val = obj[key];
        // use val
    }
}

If your scenario involves each value within the returned myObj being an object with "title" and "beats" properties, and you wish to locate those with specific beats value.

We can create a function to search for property values and return an array containing the desired values.

function searchByProperty(obj, property, low, high){
  var found = [];
  var val, prop;
  for (var key in obj) {
    if (obj.hasOwnProperty(key)) {
        val = obj[key];
        prop = val[property];
        if( (prop>=low) && (prop<=high) ) found.push(val);
    }
  return found;
}

This function can be utilized as follows:

searchByProperty(myObj, 'beats', 1, 4)

The output will be:

[
    {
        title: 'title one',
        beats: 1
    },
    {
        title: 'title two',
        beats: 2
    },
    {
        title: 'title three',
        beats: 3
    },
    {
        title: 'title four',
        beats: 4
    }
]

Answer 3

Answer №2

By converting myObj into a legitimate array, you are now able to perform the following concise and efficient operation:

function extractBeatsSubset(inputArray, lowerLimit, upperLimit) {
    return inputArray.filter(function(item) {
        return item.beats <= upperLimit && item.beats >= lowerLimit;
    });
}

Answer 4

By converting myObj into a legitimate array, you are now able to perform the following concise and efficient operation:

function extractBeatsSubset(inputArray, lowerLimit, upperLimit) {
    return inputArray.filter(function(item) {
        return item.beats <= upperLimit && item.beats >= lowerLimit;
    });
}

Answer 5

Answer №3

After some trial and error, I managed to create a function that operates in the manner you described

function extractBeats(allBeatsData,startRange,endRange) {
    var extractedData = {};
    for(var j = startRange; j <= endRange; j++) {
        extractedData[j - 1] = allBeatsData[j - 1];
    }
    return extractedData;
}

Answer 6

After some trial and error, I managed to create a function that operates in the manner you described

function extractBeats(allBeatsData,startRange,endRange) {
    var extractedData = {};
    for(var j = startRange; j <= endRange; j++) {
        extractedData[j - 1] = allBeatsData[j - 1];
    }
    return extractedData;
}

Arrange arrays with multiple dimensions in JavaScript based on their ranges

Answer №1

Answer №2

Answer №3

Similar questions

What is the most effective way to integrate a Link/URL button into the remirror toolbar?

"Exploring the World Wide Web with JavaScript and Ajax in Internet

New properties are not being successfully added to Passport Profiles

eliminating labels from a string through recursive method

Best practices for utilizing the getTile() method within Google Maps

Does Node.js support backward compatibility?

Looking for a way to automatically update your JavaScript code on your Minecraft (Bukkit)

Issue with cross-origin security when applying HTML5 video tag to a webGL texture

What is the best method in Selenium IDE for tracking an element based on its value?

JavaScript library declaration files are essential for providing type definitions and enabling

Node.JS function using try catch block

Having trouble editing a form with React Hooks and Redux?

Is there a way to verify the authenticity of a survey depending on the types of form elements used

Utilizing Jquery and Ajax to create a dynamic dropdown selection feature based on dependencies from a JSON file

Using jQuery to extract the value of an object from an <li> element and updating the class attribute of the <li> element

Having trouble getting my list items to display on individual lines within the foreach loop. It just doesn't seem to be working as expected

tips for obtaining the highest value among multiple keys within an array

Is there a way to implement fixed scrolling on a website?

Keep an ear out for socket.io within an Angular application

What causes the function execution to not be delayed by setTimeout?