Download JavaScript Cheat Sheet PDF for Your Reference

We created this Javascript cheat sheet to help our community save time. It helps programmers with shortcuts, tips, and tricks. Whenever you have a quick question, just reference our JS cheat sheet. We break down Javascript functions, methods, qualifiers, and other valuable information for quick access.

What is Javascript?

Javascript is a client-side scripting language supported by browsers. Usually, JavaScript functions are involved when a client does an action, for example, submitting a form, hovering the mouse, scroll, etc. Web pages are more lively, dynamic, and interactive due to the presence of JS code. You can use this cheat sheet for work or to build your own Javascript projects.

Download JavaScript Cheat Sheet

Here you can go with the quick guide or JS cheat sheet which will help you to know more about shortcuts and tricks:

To include javascript code on a page, the syntax is – 

<script type = “text/javascript”> 
// all the code
</script>

To create separate file, use extension .js and include the file on the page as – 

<script src="myjsfile.js"></script>

Arrays

Arrays group similar kinds of data together. Eg, var subjectlist = [“math”, “science”, “history”, “computer”]; Arrays can perform the following functions: 

Operators

Function

As mentioned in the Hackr communities' favorite Javascript courses, a group of tasks can be performed in a single function. Eg,

function add(a, b){// code} 

Outputting the Data

Global Functions

var uri = “hackr.io/blog”;
var enc = encodeURI(uri);

var uri = “hackr.io/blog”;
var enccomp = encodeURIComponent(uri);

var dec = decodeURI(enc);

var decomp = decodeURIComponent(enccomp);

var a = parseInt(“2003 monday”);

var b = parseFloat(“23.333”);

var x = eval(“2 * 2”);

var y = new Date();
var z = Number(y);

isNan(25);

isFinite(-245);

Recommended JavaScript Course

The Complete JavaScript Course 2024: From Zero to Expert!

Loops

var i;
for (i = 0; i < 5; i++
{ // code}

while (product.length > 5)
{// some code}

do {
// code
}while (condition){
}

if (i <10)
    break;

if (j>10)
  continue;

if-else statements

if-else lets you set various conditions – 

if (condition 1)
{
 //execute this code
} else if (condition 2)
{
 // execute new code
} else
{
 // execute if no other condition is true
}

String Methods

var a = “hackr.io”;
a.length;

var a = “hackr.io is nice website”;
var b = a.indexof(“nice”);

var a = “hackr.io is nice website”;
var b = a.indexof(“nice”, 6);

var a = “hackr.io is nice website”;
var b = a.slice(13); will return nice website.

substring()

var a = “hackr.io is nice website”;
var b = a.substring(0, 7);

var a = “hackr.io is nice website”;
var b = a.substr(13, 8);

var a = “hackr.io is nice website”;
var b = a.replace(“nice”, “good”);

var a = “hackr.io is nice website”;
var b = a.touppercase (a);

var a = “hackr.io is nice website”;
var b = a.tolowercase(a);

var a = “my name is”;
var b = “john”;
var c = a.concat(“: ”, b);

var a = “       hi, there!         ”;
a.trim();

var a = “hackr.io”;

“hackr”.charcodeat(0); 

var a = “hackr.io”;
var arr = a.split(“”);

var a = “hackr.io”;
a[2] will return c

Escape characters

Regular Expressions

Regular expressions can be in the form of pattern modifiers, metacharacters, quantifiers and brackets. Pattern modifiers

Brackets

Metacharacters

Quantifiers

Numbers

var a = 3.1417;
a.toExponential(2);
will give 3.14e+0

var a = 3.1417;
a.toFixed(2);
will return 3.14

var a = 3.46;
a.to{recision(2);
returns 3.5

var x = 23;
x.valueOf();

Dates

DOM mode

DOM (Document Object Model) is the code of the page structure. HTML elements (called as nodes) can be easily manipulated using JavaScript.

Browser actions

User Events

1. Mouse

2. Keyboard

3. Frame

4. Form

5. Drag

6. Clipboard

7. Media

8. Animation

9. Other

10. Errors

Error-values

Each error has a name and message property that define it.

• name: Sets or gets the error name
• message: Sets or gets error in an understandable string format

Download Javascript Cheat Sheet

Conclusion

This cheat sheet has all the functions of javascript. We have provided examples and descriptions where necessary. For more detailed information, check out these popular Javascript books. Most functions are self-explanatory, however, feel free to comment and let us know if you have any doubts or questions. We love this Javascript cheat sheet!

Happy scripting!

People are also reading:

• JavaScript Certification
• JavaScript Interview Questions
• Best Javascript Frameworks
• Best JavaScript IDE
• Javascript Library
• JavaScript UI Library
• TypeScript vs JavaScript
• Difference between Java vs JavaScript
• What is JavaScript Map Array Function?
• Difference between PHP and JavaScript