JavaScript Basics Cheat Sheet

A Programming › JavaScript cheat sheet in English by techelopment

JavaScript - Basics Concepts

2,870 views 318 downloads 3 Apr 2025 History

Variables

{{lang-javascript}}let x = 10;
block scope
most used
{{lang-javascript}}const MAX = 100;
constant values
{{lang-javascript}}var y = 10;
global or function scope
old usage

Operators

{{lang-javascript}}let x = 10;
assignment
{{lang-javascript}}x == "­Hel­lo"
comparison
{{lang-javascript}}x === "­Hel­lo"
strict comparison
{{lang-javascript}}&&
logical AND
{{lang-javascript}}||
logical OR
{{lang-javascript}}!
logical negation

Data Types

{{lang-javascript}}let num = 10;
Number
{{lang-javascript}}let str = "­Hel­lo";
String
{{lang-javascript}}let isTrue = true
Boolean
{{lang-javascript}}let arr = [1, 2, 3]
Array
{{lang-javascript}}let obj = { a:1, b:2, c:"t­hre­e" }
Object

Array

{{lang-javascript}}let array = ["a",­"­b","c­"]
array definition
{{lang-javascript}}array.length //3
number of elements in array
{{lang-javascript}}array[0] // a
access first element
{{lang-javascript}}array[n] //0=<n­<ar­ray.length
access nth element
{{lang-javascript}}array[4] // error
4 grater then length of array
{{lang-javascript}}array[array.length - 1] // c
access last element

Comments

{{lang-javascript}}// this is a one line comment
{{lang-javascript}}/* this is a multiple
lines comment
also called block comment */

Object

{{lang-javascript}}let object = {
   name: "Alice",
   age: 30
}
Unlike JSON, a JavaScript object does not have double quotes (") in the property name

Object usage

{{lang-javascript}}object.name // Alice
dot notation
{{lang-javascript}}object["name"] // Alice
property access notation
{{lang-javascript}}object.age // 30
{{lang-javascript}}object.gender // undefined
non-ex­istent property

try...c­at­ch...f­inally

{{lang-javscript}}try{
   //code might throw an error
} catch(err) {
   console.error("Error occurred", err.message);
} finally {
   console.log("Operation completed");
}
try: This block contains code that might throw an exception (an error)
catch: This block handles the exception if an error occurs in the try block
finally: This block always executes, regardless of whether an error occurs or not

Function

{{lang-javascript}}function greet() {
   console.log("Hello")
}
function definition

Function with parameter

{{lang-javascript}}function greet(name="Alice") {
   console.log("Hello")
}
parameter name with default value "­Ali­ce"

Comments

No comments yet.

Cheatography n. The art of mapping complex subjects into clear, instantly navigable reference guides.