Reorganizing Elements within an Array using JavaScript

Question

Reorganizing Elements within an Array using JavaScript

Imagine I have the characters:

H, M, L

I want to create sorted arrays like this:

var array1 = [ "H", "M", "L", "L", "M", "H" ];

My goal is to avoid having more than one unique character in the first three and last three characters when using the shuffle() function on the array.

For example:

var wrong = [ "H", "M", "M", "H", "M", "L" ]; // note the two M's in the first three values

If I shuffle the array like this:

var array2 = array1.shuffle(); then there might be duplicate characters.

I need help figuring out how to ensure there are no duplicated characters in the first and second sets of three values in the array?

EDIT: Changed random to sorted.

javascript arrays shuffle

Answer 1

Answer №1

Generate a custom shuffle method, whether within the prototype or as a standalone function

function customShuffle(list) {
  var index = list.length;
  var randomIndex, temp;

  while (index) {
    randomIndex = Math.floor(Math.random() * index);
    index -= 1;
    temp = list[index];
    list[index] = list[randomIndex];
    list[randomIndex] = temp;
  }

  return list;
}


var array = ['X', 'Y', 'Z'],
  result = customShuffle(array.slice()).concat(customShuffle(array.slice()));

console.log(result);

Answer 2

Generate a custom shuffle method, whether within the prototype or as a standalone function

function customShuffle(list) {
  var index = list.length;
  var randomIndex, temp;

  while (index) {
    randomIndex = Math.floor(Math.random() * index);
    index -= 1;
    temp = list[index];
    list[index] = list[randomIndex];
    list[randomIndex] = temp;
  }

  return list;
}


var array = ['X', 'Y', 'Z'],
  result = customShuffle(array.slice()).concat(customShuffle(array.slice()));

console.log(result);

Answer 3

Answer №2

I decided to implement a similar solution based on the guidance provided by @Xotic750.

Array.prototype.shuffle = function() {
  var i = this.length, j, temp;
  if ( i == 0 ) return this;
  while ( --i ) {
     j = Math.floor( Math.random() * ( i + 1 ) );
     temp = this[i];
     this[i] = this[j];
     this[j] = temp;
  }
  return this;
}

var array = [ "H", "M", "L" ];
var b = array.slice().shuffle().concat(array.slice().shuffle());

Check out the JSFiddle for more details.

Answer 4

I decided to implement a similar solution based on the guidance provided by @Xotic750.

Array.prototype.shuffle = function() {
  var i = this.length, j, temp;
  if ( i == 0 ) return this;
  while ( --i ) {
     j = Math.floor( Math.random() * ( i + 1 ) );
     temp = this[i];
     this[i] = this[j];
     this[j] = temp;
  }
  return this;
}

var array = [ "H", "M", "L" ];
var b = array.slice().shuffle().concat(array.slice().shuffle());

Check out the JSFiddle for more details.

Reorganizing Elements within an Array using JavaScript

Answer №1

Answer №2

Similar questions

Using jQuery to dynamically add a value to a comment string

"Unfortunately, the JavaScript external function failed to function properly, but miraculously the inline function

Retrieve a single element from each array stored in MongoDB

JavaScript can be utilized to alter the style of a cursor

The HTML checkbox remains unchanged even after the form is submitted

MongooseError: The operation `users.findOne()` has encountered an issue

Make sure to trigger a callback function once the radio button or checkbox is selected using jQuery, JavaScript, or Angular

`There was an issue with an unfinished string literal.`

React: Assigning a unique className to an element in a list

Saving the author of a message from one function and transferring it to another

After completing the purchase, direct the user back to the HomePage

Adding page numbers in a select dropdown menu without using the traditional next and previous buttons

Instructions on activating dark mode with the darkreader plugin on a Vue.js website

Requirements for using Angular JS and Node JS

Why is it necessary to use process.nextTick() to delay method execution within a PassportJs strategy using Express?

On startup of the chrome app, read and load a JSON file into a variable

I would greatly appreciate your assistance in deciphering the JavaScript code provided in the book "Ajax in Action"

Generating a preview image for a three.js environment

Angular2+ does not return any elements when using .getElementsByClassName() even if they are present

Not successfully integrating an angular component