Select three random items from a string array list along with their corresponding indexes using TypeScript in Angular

Question

Select three random items from a string array list along with their corresponding indexes using TypeScript in Angular

Consider this example: I am working with a string array

    const groceries = [
      'milk',
      'coriander',
      'cucumber',
      'eggplant',
      'carrot',
      'brinjal',
      'onions',
      'tomatoes',
      'soap',
      'bag',
      'pepper',
      'salt',
      'fruits',
      'bread',
      'pasta',
      'oil',
      'butter',
      'honey',
      'sugar'
    ];

The task at hand is to select three random elements from the grocery list above, ensuring no repetition and including their respective indexes.

javascript angular typescript arraylist

Answer 1

Answer №1

Check out this handy script I put together for you, it's designed to make your life easier.

const items = [
  'apple',
  'banana',
  'orange',
  'grapes',
  'cherry',
  'kiwi',
  'lemon',
  'lime',
  'pear',
  'plum',
  'melon',
  'pineapple',
  'watermelon',
  'strawberry',
  'raspberry',
  'blueberry',
  'blackberry',
  'cranberry',
  'peach'
];
let tempItems = items;

let randomItems = [];
let randomItemsIndex = [];

for(let i=0; i<3; i++) {
  let randomIndex = Math.floor(Math.random() * tempItems.length);
  let index = items.findIndex(o => o === tempItems[randomIndex]);
  randomItemsIndex.push(index);
  randomItems.push(tempItems[randomIndex]); 
  tempItems = tempItems.filter(o => o !==  tempItems[randomIndex]);
}

console.log(randomItems, randomItemsIndex);

Answer 2

Check out this handy script I put together for you, it's designed to make your life easier.

const items = [
  'apple',
  'banana',
  'orange',
  'grapes',
  'cherry',
  'kiwi',
  'lemon',
  'lime',
  'pear',
  'plum',
  'melon',
  'pineapple',
  'watermelon',
  'strawberry',
  'raspberry',
  'blueberry',
  'blackberry',
  'cranberry',
  'peach'
];
let tempItems = items;

let randomItems = [];
let randomItemsIndex = [];

for(let i=0; i<3; i++) {
  let randomIndex = Math.floor(Math.random() * tempItems.length);
  let index = items.findIndex(o => o === tempItems[randomIndex]);
  randomItemsIndex.push(index);
  randomItems.push(tempItems[randomIndex]); 
  tempItems = tempItems.filter(o => o !==  tempItems[randomIndex]);
}

console.log(randomItems, randomItemsIndex);

Answer 3

Answer №2

One way to achieve this is by following the code snippet below:

const shoppingList = [
  'milk',
  'spices',
  'vegetables',
  'fruit',
  'bread',
  'snacks',
  'oil',
  'butter',
  'sugar',
  'rice',
  'beans'
];

const generateRandomIndex = (maxLimit: number) => {
    return Math.floor(Math.random() * maxLimit);
}

const listSize =  shoppingList.length;
const selectedItemsMap = new Map();

for (var j =0; j <3;) {
    const randomIndex = generateRandomIndex(listSize);
    if (!selectedItemsMap.has(randomIndex)) {
        selectedItemsMap.set(randomIndex, shoppingList[randomIndex]);
        j ++;
    }

}

console.log(selectedItemsMap);

Answer 4

One way to achieve this is by following the code snippet below:

const shoppingList = [
  'milk',
  'spices',
  'vegetables',
  'fruit',
  'bread',
  'snacks',
  'oil',
  'butter',
  'sugar',
  'rice',
  'beans'
];

const generateRandomIndex = (maxLimit: number) => {
    return Math.floor(Math.random() * maxLimit);
}

const listSize =  shoppingList.length;
const selectedItemsMap = new Map();

for (var j =0; j <3;) {
    const randomIndex = generateRandomIndex(listSize);
    if (!selectedItemsMap.has(randomIndex)) {
        selectedItemsMap.set(randomIndex, shoppingList[randomIndex]);
        j ++;
    }

}

console.log(selectedItemsMap);

Select three random items from a string array list along with their corresponding indexes using TypeScript in Angular

Answer №1

Answer №2

Similar questions

Angular - Update a single property of the environment

Whenever Sinon.stub() is invoked, it provides a unique value each time

Distilling the Essence of "Deity" in Handling Runtime Errors

Retrieve an item from a MongoDB database using Mongoose

Select a different radio button to overwrite the currently checked one

The use of Ajax post results in the retrieval of multiple arrays containing objects that possess various values

What is causing this JavaScript function to output '2'?

Jquery Droppable issue arising with dynamically added DIVs

How can I use Angular2 to draw a square [input] number of times?

Feed JSON data into a jQuery function using JavaScript

The action is not being added to the HTML when the click event is triggered

Is there a way to retrieve all potential string literals from an Array<>?

Tips on how to create a loop without using a collection in Angular 2

The application is experiencing extended loading times during production

The "angular2-image-upload" npm package encountering a CORS issue

AngularJs input field with a dynamic ng-model for real-time data binding

What is the most effective method for integrating additional CSS/JS libraries into a GitHub repository?

Mastering the art of styling with SASS

When attempting to invoke the rest function, an error occurs stating that the dataService.init in Angular is not

The extent of the modal window (AngularJS directive)