Shuffle / Randomize Array in JavaScript

The function presented bellow can be used to shuffle /randomize array items in JavaScript.

Script code

// receive an array and return it with the items shuffled /randomized
function shuffle(ar){
 for(var j, x, i = ar.length; i; j = Math.floor(Math.random() * i), x = ar[--i], ar[i] = ar[j], ar[j] = x);
 return ar;
}

- Here is a simple example:

<h4>Example shuffle array in JavaScript</h4>
<p>Initial array: ar1 = ['a', 'b', 'c', 1, 2, 3];</p>

<button id='btntst'>Test Shuffle Array</button>
<script>
// receive an array and return it with the items shuffled /randomized
function shuffle(ar){
 for(var j, x, i = ar.length; i; j = Math.floor(Math.random() * i), x = ar[--i], ar[i] = ar[j], ar[j] = x);
 return ar;
}

var ar1 = ['a', 'b', 'c', 1, 2, 3];

//when click on the #btntst, show alert box with the items of ar1
document.getElementById('btntst').addEventListener('click', function(){
 ar1 = shuffle(ar1);
 alert(ar1);
});
</script>

Demo:

Initial array: ar1 = ['a', 'b', 'c', 1, 2, 3];

<<-Zodiac Signs JavaScript code -- Refresh page if window ..->>

Daily Test with Code Example

HTML

CSS

JavaScript

PHP-MySQL

Which tag adds a new line into a paragraph?

First line ...<br>
Other line...

Which CSS property can be used to add space between letters?

text-size word-spacing letter-spacing

#id {
  letter-spacing: 2px;
}

What JavaScript function can be used to get access to HTML element with a specified ID?

getElementById() getElementsByTagName() createElement()

var elm = document.getElementById("theID");
var content = elm.innerHTML;
alert(content);

Click on the "echo" correct instruction.

echo "CoursesWeb.net" echo "CoursesWeb.net"; echo ""CoursesWeb.net";

echo "Address URL: http://CoursesWeb.net";

Last accessed pages

Delete multiple consecutive characters and Split long words ⁽⁶⁴⁵⁾
Mysql SELECT JOIN tables on two different Databases ⁽⁴³²²⁾
JpGraph - Create Graph, Charts, Plots in PHP ⁽³⁸⁰³⁾
PHP-MySQL Tutorials ⁽⁴²⁰²⁾
Useful PHP Classes ⁽³⁵¹⁸⁾

Popular pages this month

Courses Web: PHP-MySQL JavaScript Node.js Ajax HTML CSS ⁽²⁹⁴⁾
Read Excel file data in PHP - PhpExcelReader ⁽¹⁰⁰⁾
The Four Agreements ⁽⁸⁹⁾
PHP Unzipper - Extract Zip, Rar Archives ⁽⁸⁶⁾
The Mastery of Love ⁽⁸³⁾