Course

Introduction

Print Hello World Add Two Numbers Find the Square Root Calculate the Area of a Triangle Swap Two Variables Convert Kilometers to Miles Convert Celsius to Fahrenheit Work With Constants Write to Console

Control Flow

Solve Quadratic Equation Check if a number is Positive, Negative, or Zero Check if a Number is Odd or Even Find the Largest Among Three Numbers Check Prime Number Print All Prime Numbers in an Interval Find the Factorial of a Number Display the Multiplication Table Print the Fibonacci Sequence Check Armstrong Number Find Armstrong Number in an Interval Make a Simple Calculator Find the Sum of Natural Numbers Check if the Numbers Have Same Last Digit Find HCF or GCD Find LCM Find the Factors of a Number Display Fibonacci Sequence Using Recursion

Functions

Generate a Random Number Find Sum of Natural Numbers Using Recursion Guess a Random Number Find Factorial of Number Using Recursion Convert Decimal to Binary Find ASCII Value of Character Set a Default Parameter Value For a Function Check If a Variable is of Function Type Pass Parameter to a setTimeout() Function Perform Function Overloading Pass a Function as Parameter

Arrays and Objects

Shuffle Deck of Cards Create Objects in Different Ways Remove a Property from an Object Check if a Key Exists in an Object Clone a JS Object Loop Through an Object Merge Property of Two Objects Count the Number of Keys/Properties in an Object Add Key/Value Pair to an Object Convert Objects to Strings Replace all Instances of a Character in a String Remove Specific Item From an Array Check if An Array Contains a Specified Value Insert Item in an Array Append an Object to an Array Check if An Object is An Array Empty an Array Add Element to Start of an Array Remove Duplicates From Array Merge Two Arrays and Remove Duplicate Items Sort Array of Objects by Property Values Create Two Dimensional Array Extract Given Property Values from Objects as Array Compare Elements of Two Arrays Get Random Item From an Array Perform Intersection Between Two Arrays Split Array into Smaller Chunks Check If A Variable Is undefined or null Illustrate Different Set Operations

Miscellaneous

Display Date and Time Check Leap Year Format the Date Display Current Date Compare The Value of Two Dates Create Countdown Timer Include a JS file in Another JS file Generate a Random Number Between Two Numbers Get The Current URL Validate An Email Address Implement a Stack Implement a Queue Check if a Number is Float or Integer Get the Dimensions of an Image Convert Date to Number

JavaScript Program to Shuffle Deck of Cards

To understand this example, you should have the knowledge of the following JavaScript programming topics:

Example: Shuffle Deck of Cards


              
// program to shuffle the deck of cards

// declare card elements
const suits = ["Spades", "Diamonds", "Club", "Heart"];
const values = [
  "Ace",
  "2",
  "3",
  "4",
  "5",
  "6",
  "7",
  "8",
  "9",
  "10",
  "Jack",
  "Queen",
  "King",
];

// empty array to contain cards
let deck = [];

// create a deck of cards
for (let i = 0; i < suits.length; i++) {
    for (let x = 0; x < values.length; x++) {
        let card = { Value: values[x], Suit: suits[i] };
        deck.push(card);
    }
}

// shuffle the cards
for (let i = deck.length - 1; i > 0; i--) {
    let j = Math.floor(Math.random() * i);
    let temp = deck[i];
    deck[i] = deck[j];
    deck[j] = temp;
}

console.log('The first five cards are:');

// display 5 results
for (let i = 0; i < 5; i++) {
    console.log(`${deck[i].Value} of ${deck[i].Suit}`)
}

Output


              
The first five cards are:
4 of Club
5 of Diamonds
Jack of Diamonds
2 of Club
4 of Spades

In the above program, the suits and values variables contain the elements of a card.

The nested for loop is used to create a deck of cards.

We need to create a deck of cards containing each suits with all the values. So the first for loop iterates over all the suits and the second for loop iterates over the values. Then, the elements are created and added to the deck array.

The array elements are stored as an object as:


              
[{Value: "Ace", Suit: "Spades"},{Value: "2", Suit: "Spades"}.....]

The second for loop is used to shuffle the deck of cards.

Math.random() generates a random number.
Math.floor() returns the number by decreasing the value to the nearest integer value.
A random number is generated between 0 and 51 and two card positions are swapped.

The third for loop is used to display the first five cards in the new deck.