Scribd
Upload
48 views3 pages

JavaScript Basics Cheat Sheet

This JavaScript Cheat Sheet provides a quick reference to essential concepts including variables, data types, operators, functions, conditionals, loops, arrays, objects, DOM manipulation, events, JSON, and useful methods. It includes code snippets for each topic to illustrate usage. This resource is designed for quick lookups and to aid in learning JavaScript programming.

Uploaded by

kunal.g.2697
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
48 views3 pages

JavaScript Basics Cheat Sheet

This JavaScript Cheat Sheet provides a quick reference to essential concepts including variables, data types, operators, functions, conditionals, loops, arrays, objects, DOM manipulation, events, JSON, and useful methods. It includes code snippets for each topic to illustrate usage. This resource is designed for quick lookups and to aid in learning JavaScript programming.

Uploaded by

kunal.g.2697
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd

JavaScript Cheat Sheet

1. Variables
var x = 10;
let y = 20;
const z = 30;

2. Data Types
Number: 42
String: "Hello"
Boolean: true / false
Array: [1, 2, 3]
Object: { name: "John", age: 25 }
Undefined, null

3. Operators
Arithmetic: +, -, *, /, %
Assignment: =, +=, -=
Comparison: ==, ===, !=, !==, >, <, >=, <=
Logical: &&, ||, !
Ternary: condition ? true : false

4. Functions
function greet(name) {
return "Hello " + name;
}

const greetArrow = (name) => "Hello " + name;

5. Conditionals
if (x > 0) {
[Link]("Positive");
} else if (x === 0) {
[Link]("Zero");
} else {
[Link]("Negative");
}
JavaScript Cheat Sheet

6. Loops
for (let i = 0; i < 5; i++) {
[Link](i);
}

while (x < 10) {


x++;
}

7. Arrays
let nums = [1, 2, 3];
[Link](4);
[Link]();
[Link]();
[Link](0);
[Link](n => [Link](n));

8. Objects
let person = {
name: "Alice",
age: 25,
greet: function() {
return "Hi " + [Link];
}
};

9. DOM Manipulation
[Link]("demo").innerHTML = "Hello";
[Link]("p").[Link] = "red";

10. Events
[Link]("btn").addEventListener("click", function() {
alert("Clicked!");
});

11. JSON
JavaScript Cheat Sheet

let json = '{"name":"John"}';


let obj = [Link](json);
let str = [Link](obj);

12. Useful Methods


String: length, toUpperCase(), split()
Array: map(), filter(), reduce()
Object: [Link](), [Link]()

You might also like