Array shuffled randomly

Question

Array shuffled randomly

I need to connect a list of words with corresponding instructions, but I want the order of the words to be random. For example, if I have pairs like (cat, forget) and (dog, remember), the word should always be followed by its matching instruction, but the actual order of the words should be mixed up. So, for instance, it could be presented as (dog, remember) (turtle, forget) (cat, remember) as long as each word is correctly paired with its instruction.

What would be the best way to organize this? Should I use an array of arrays where each sub-array represents a pair like (dog, remember)?

Appreciate any guidance on this!

javascript arrays

Answer 1

Answer №1

To accomplish this task, create an array of objects with two key-value pairs each - "term" and "direction".

var wordsList = [
  {
    "term": "Dog",
    "direction": "barks"
  },
  {
    "term": "Woman",
    "direction": "laughs"
  }
];

Answer 2

To accomplish this task, create an array of objects with two key-value pairs each - "term" and "direction".

var wordsList = [
  {
    "term": "Dog",
    "direction": "barks"
  },
  {
    "term": "Woman",
    "direction": "laughs"
  }
];

Answer 3

Answer №2

If you want to create a custom JavaScript object, start by defining the properties of the object and then store multiple instances of that object in an array.

function CustomObject(value1, value2) {
    this.value1 = value1;
    this.value2 = value2;
}

var objectsArray = [new CustomObject("apple", "eat"), new CustomObject("banana", "peel")];

To shuffle the output randomly, you can write a function to rearrange the elements in the array using a loop as mentioned in the comments above.

Answer 4

If you want to create a custom JavaScript object, start by defining the properties of the object and then store multiple instances of that object in an array.

function CustomObject(value1, value2) {
    this.value1 = value1;
    this.value2 = value2;
}

var objectsArray = [new CustomObject("apple", "eat"), new CustomObject("banana", "peel")];

To shuffle the output randomly, you can write a function to rearrange the elements in the array using a loop as mentioned in the comments above.

Answer 5

Answer №3

Check out this code snippet that demonstrates how to use a JavaScript array of objects along with a Fisher-Yates shuffle algorithm for randomizing elements.

function shuffleArray(array) {
  var length = array.length,
    temp, index;

  while (length) {
    index = Math.floor(Math.random() * length--);
    temp = array[length];
    array[length] = array[index];
    array[index] = temp;
  }

  return array;
}

var items = [{
  item: "apple",
  category: "fruit"
}, {
  item: "banana",
  category: "fruit"
}, {
  item: "carrot",
  category: "vegetable"
}];

var shuffledItems = shuffleArray(items);

var outputDiv = document.getElementById('output');

shuffledItems.forEach(function(item) {
  outputDiv.innerHTML = outputDiv.innerHTML + item.item + ", " + item.category + "<br />";
});

<div id="output"></div>

Answer 6

Check out this code snippet that demonstrates how to use a JavaScript array of objects along with a Fisher-Yates shuffle algorithm for randomizing elements.

function shuffleArray(array) {
  var length = array.length,
    temp, index;

  while (length) {
    index = Math.floor(Math.random() * length--);
    temp = array[length];
    array[length] = array[index];
    array[index] = temp;
  }

  return array;
}

var items = [{
  item: "apple",
  category: "fruit"
}, {
  item: "banana",
  category: "fruit"
}, {
  item: "carrot",
  category: "vegetable"
}];

var shuffledItems = shuffleArray(items);

var outputDiv = document.getElementById('output');

shuffledItems.forEach(function(item) {
  outputDiv.innerHTML = outputDiv.innerHTML + item.item + ", " + item.category + "<br />";
});

<div id="output"></div>

Array shuffled randomly

Answer №1

Answer №2

Answer №3

Similar questions

What is the process for transferring information from a Ruby controller to an application JavaScript using AJAX?

Displaying Google Picker results in an error due to an invalid origin value

ng-model in html input with a name of "foo[]"

Issues with Angular toggle sorting functionality not functioning as expected

Using jQuery, how can you make fixed elements fade as the page scrolls?

performing asynchronous operations with async functions within the array.map() method in JavaScript

Verify if a <select> element exists inside the main div

Encountering an Issue with NextJS on GAE: EROFS Error indicating a read-only file system

Implement a horizontal scrollbar for your table in HTML

Monitor changes in the DOM using AngularJS

What is the best way to set the source of an image using JavaScript

The PHP script failed to display accurate information on the server terminal

Changing the position of the icon in the bootstrap validator

How can one get rid of a sudden strong beginning?

`Is there a way for Javascript to retrieve information sent from Python Flask's render_template() method?`

Having trouble choosing options within Material UI's Autocomplete Component?

Utilize the appendTo() function and make a switch to dynamically insert content stored in variables into a specified

The functionality of Next.JS Cpanel Deployment Server.js appears to be malfunctioning

Employing the html.validationmessagefor to display a client-side error notification

Having trouble with implementing image resizing and cropping in a Node.js environment