JavaScript: Generate a UUID in a browser
JavaScript fundamental (ES6 Syntax): Exercise-253 with Solution
Write a JavaScript program to generate a UUID in a browser.
- Use Crypto.getRandomValues() to generate a UUID, compliant with RFC4122 version 4.
- Use Number.prototype.toString(16) to convert it to a proper UUID.
Sample Solution:
JavaScript Code:
//#Source https://bit.ly/2neWfJ2
// Define a function 'UUIDGeneratorBrowser' to generate a UUID (Universally Unique Identifier) in a web browser environment
const UUIDGeneratorBrowser = () =>
// Generate a UUID using a random number generator provided by the browser's crypto API
([1e7] + -1e3 + -4e3 + -8e3 + -1e11).replace(/[018]/g, c =>
// For each character 'c' in the UUID template, replace it with a randomly generated hexadecimal digit
(c ^ (crypto.getRandomValues(new Uint8Array(1))[0] & (15 >> (c / 4)))).toString(16)
);
// Generate and log a UUID using the 'UUIDGeneratorBrowser' function
console.log(UUIDGeneratorBrowser());
Output:
a47704c1-b9cb-481d-bada-bd6495a88ef7
Flowchart:
Live Demo:
See the Pen javascript-basic-exercise-253-1 by w3resource (@w3resource) on CodePen.
Improve this sample solution and post your code through Disqus
Previous: Write a JavaScript program to convert the values of RGB components to a color code.
Next: Write a JavaScript program to generate a UUID in Node.JS. Use crypto API to generate a UUID, compliant with RFC4122 version 4.
What is the difficulty level of this exercise?
Test your Programming skills with w3resource's quiz.
It will be nice if you may share this link in any developer community or anywhere else, from where other developers may find this content. Thanks.
https://www.w3resource.com/javascript-exercises/fundamental/javascript-fundamental-exercise-253.php
- Weekly Trends and Language Statistics
- Weekly Trends and Language Statistics