Separate an array into equal parts according to integer values in JavaScript

Question

Separate an array into equal parts according to integer values in JavaScript

Although I have not come across any questions that address my specific issue, it may be a duplicate.

~~Imagine having an array similar to this:~~

var hundred = [1,2,3,4,5...100]

This particular array consists of 100 elements, ranging from 1 to 100.

Given an integer value, how can I divide this array into another array with the same number of elements, but distributed evenly in the following manner?

var integer = 2; var hundred = [50,50,50,50,50,50...100,100,100,100,100,100]

In this scenario, there are 50 elements with a value of 50 and 50 elements with a value of 100 due to the integer being 2.

~~I struggle with mathematics, so please forgive any inaccuracies. However, I trust you comprehend what I'm trying to convey. The resulting array must retain the same number of indices post-calculation.~~

Edit (Since formulating clear questions is not my forte, I will provide the code where I require assistance):

I currently possess a frequencybin array (from the AudioContext analyser):

var fbc_array = new Uint8Array(analyser.frequencyBinCount);
analyser.getByteFrequencyData(fbc_array);

This specific array contains a defined number of elements (representing audio frequencies).

Furthermore, I have a spectrum analyzer with a predetermined number of "bars." For instance, if there are only 3 bars, how could I split the fbc_array such that each bar houses an evenly distributed frequency range? For example, with 3 bars, one would contain bass, another the mids, and the last the treble.

To iterate over each bar, I implement a for loop:

for (i = 0; i < bars; i++) {
        bar_x = i * canspace;
        bar_width = 2;
        bar_height = -3 - (fbc_array[i] / 2);
        ctx.fillRect(bar_x, canvas.height, bar_width, bar_height);
    }

javascript arrays

Answer 1

Answer №1

After carefully analyzing this chaos, here's what I've come up with! It seems like you're struggling to explain your issue clearly. Hang in there and best of luck!

// Define an integer variable
let integer = 3;
let randomNumber;
let output = new Array();

// Function to generate random number within a range
function getRandomIntInclusive(min, max) {
 randomNumber = Math.floor(Math.random() * (max - min + 1)) + min;
}

for(let i = 0; i < integer; i++){
  getRandomIntInclusive(1,100);
  for(let j = 1; j < (100/integer); j++){
    output.push(randomNumber);
  }
}

// Note: The array may not always have exactly 100 items
// You can verify using console.log(output.length);
console.log(output);

Answer 2

After carefully analyzing this chaos, here's what I've come up with! It seems like you're struggling to explain your issue clearly. Hang in there and best of luck!

// Define an integer variable
let integer = 3;
let randomNumber;
let output = new Array();

// Function to generate random number within a range
function getRandomIntInclusive(min, max) {
 randomNumber = Math.floor(Math.random() * (max - min + 1)) + min;
}

for(let i = 0; i < integer; i++){
  getRandomIntInclusive(1,100);
  for(let j = 1; j < (100/integer); j++){
    output.push(randomNumber);
  }
}

// Note: The array may not always have exactly 100 items
// You can verify using console.log(output.length);
console.log(output);

Answer 3

Answer №2

(Predicting before your recent update).

You want to find a method to estimate a graph by dividing it into bands and replacing each point within a band with the maximum value of that band:

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

Number.prototype.times = function(fn) {
  var array = [];
  for(var index = 0; index < this; index++)
    array.push(fn(index));
  return array;
}



function approximate(source, numBands) {

  var result = [], 
      bandSize = Math.ceil(source.length / numBands), 
      index = 0;
  
  
  while(index < source.length) {
    var chunk = source.slice(index, index += bandSize)
    var maxVal = Math.max.apply(null, chunk);
    
    // To get an average instead of maximum, use below line
    // maxVal = chunk.reduce((x, y) => x + y) / chunk.length;
    
    result = result.concat(bandSize.times(i => maxVal));
  }
  
  return result;

}



sourceArr = 20..times(i => 10 + Math.floor(Math.random() * 80));

resultArr = approximate(sourceArr, 4);

document.write('<pre>'+JSON.stringify(sourceArr));
document.write('<pre>'+JSON.stringify(resultArr));

Answer 4

(Predicting before your recent update).

You want to find a method to estimate a graph by dividing it into bands and replacing each point within a band with the maximum value of that band:

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

Number.prototype.times = function(fn) {
  var array = [];
  for(var index = 0; index < this; index++)
    array.push(fn(index));
  return array;
}



function approximate(source, numBands) {

  var result = [], 
      bandSize = Math.ceil(source.length / numBands), 
      index = 0;
  
  
  while(index < source.length) {
    var chunk = source.slice(index, index += bandSize)
    var maxVal = Math.max.apply(null, chunk);
    
    // To get an average instead of maximum, use below line
    // maxVal = chunk.reduce((x, y) => x + y) / chunk.length;
    
    result = result.concat(bandSize.times(i => maxVal));
  }
  
  return result;

}



sourceArr = 20..times(i => 10 + Math.floor(Math.random() * 80));

resultArr = approximate(sourceArr, 4);

document.write('<pre>'+JSON.stringify(sourceArr));
document.write('<pre>'+JSON.stringify(resultArr));

Separate an array into equal parts according to integer values in JavaScript

Edit (Since formulating clear questions is not my forte, I will provide the code where I require assistance):

Answer №1

Answer №2

Similar questions

Error encountered in NEXT JS: Unable to parse URL from /api/projects or Error message: Failed to connect to 127.0.0.1:3000

Searching for a specific element within an array in MongoDB

Utilize PHP to import hierarchical JSON data into MySQL database along with establishing relationships

Leveraging Google Sheets as a Dynamic Database with Ajax

Utilize Symfony filtering alongside AJAX functionality with the added feature of the KnpPaginatorBundle

Having trouble iterating through an array of objects in Vue?

ERROR: The variable countryCallingCode has not been defined

coming back to the cordova application after using the browser

Adding a background image to a box in MUI is a simple task that can enhance

The essential criteria for script tag and page validation requirements

Is the code failing to refresh the browser when the file is modified?

Ways to Enhance jQuery Efficiency in a Broader Sense

What is the best way to create a simulation of a NOR gate using JavaScript?

Extract the values of a PHP object and store them in an array

ways to deliver a message from server to client's body

Instructions on how to insert information into an array by clicking a button

In jqGrid's gridComplete event, we can use the getRowData method to retrieve the value of a

Unable to assign to array in VBA

Is it good practice to have empty arrays positioned before calls and timeouts when utilizing class variables?

Tips for successfully passing array index as an image source in Vuejs with v-img?