Scribd
Upload
2 views

JavaScript_Cheatsheet

This JavaScript cheatsheet provides a comprehensive overview of key concepts including variables, data types, operators, conditional statements, loops, functions, arrays, objects, DOM manipulation, error handling, ES6+ features, asynchronous JavaScript, JSON, and miscellaneous methods. It includes examples for each topic to illustrate usage. This resource serves as a quick reference for developers to understand and implement JavaScript functionalities.

Uploaded by

skygennetsis14
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
2 views

JavaScript_Cheatsheet

This JavaScript cheatsheet provides a comprehensive overview of key concepts including variables, data types, operators, conditional statements, loops, functions, arrays, objects, DOM manipulation, error handling, ES6+ features, asynchronous JavaScript, JSON, and miscellaneous methods. It includes examples for each topic to illustrate usage. This resource serves as a quick reference for developers to understand and implement JavaScript functionalities.

Uploaded by

skygennetsis14
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 6

JavaScript Cheatsheet

1. Variables and Data Types

- Declaring Variables:
let x = 5; // Block-scoped variable
const y = 10; // Constant value (cannot be reassigned)
var z = 20; // Function-scoped variable (legacy)

- Data Types:
- String: 'Hello', "World"
- Number: 42, 3.14
- Boolean: true, false
- Object: { key: "value", age: 25 }
- Array: [1, 2, 3, 4]
- Null: null
- Undefined: undefined
- Symbol: Symbol('unique')

2. Operators

- Arithmetic Operators:
+, -, *, /, %, ++, --

- Comparison Operators:
==, === (strict), !=, !== (strict), >, <, >=, <=

- Logical Operators:
&& (AND), || (OR), ! (NOT)

- Assignment Operators:
=, +=, -=, *=, /=, %=, **=

- Ternary Operator:
condition ? expr1 : expr2;
3. Conditional Statements

- If-Else:
if (condition) {
// Code to execute
} else {
// Code to execute
}

- Switch Statement:
switch (expression) {
case value1:
// Code to execute
break;
case value2:
// Code to execute
break;
default:
// Code to execute
}

4. Loops

- For Loop:
for (let i = 0; i < 5; i++) {
console.log(i); // Output: 0, 1, 2, 3, 4
}

- While Loop:
let i = 0;
while (i < 5) {
console.log(i); // Output: 0, 1, 2, 3, 4
i++;
}

- Do-While Loop:
let i = 0;
do {
console.log(i); // Output: 0, 1, 2, 3, 4
i++;
} while (i < 5);

5. Functions

- Function Declaration:
function greet(name) {
return `Hello, ${name}!`;
}
console.log(greet("Alice"));

- Function Expression:
const add = function(x, y) {
return x + y;
};
console.log(add(2, 3));

- Arrow Functions:
const multiply = (x, y) => x * y;
console.log(multiply(3, 4));

6. Arrays

- Creating an Array:
let fruits = ["Apple", "Banana", "Cherry"];

- Accessing Array Elements:


console.log(fruits[0]); // "Apple"

- Array Methods:
fruits.push("Grapes"); // Adds element to the end
fruits.pop(); // Removes last element
fruits.shift(); // Removes first element
fruits.unshift("Orange"); // Adds element to the beginning

7. Objects

- Creating an Object:
let person = {
name: "John",
age: 30,
greet: function() {
return "Hello!";
}
};

- Accessing Object Properties:


console.log(person.name); // "John"
console.log(person["age"]); // 30

8. DOM Manipulation

- Select an Element:
const element = document.getElementById("myElement");
const elements = document.querySelectorAll(".myClass");

- Modify Content:
element.innerHTML = "New content!";

- Add Event Listeners:


element.addEventListener("click", function() {
alert("Element clicked!");
});

9. Error Handling

- Try-Catch Block:
try {
let result = riskyOperation();
} catch (error) {
console.error("An error occurred:", error);
}

10. ES6+ Features

- Let and Const (Block-scoped):


let x = 10;
const y = 20;

- Template Literals:
let name = "Alice";
let greeting = `Hello, ${name}!`;

- Destructuring Assignment:
const person = { name: "John", age: 30 };
const { name, age } = person;

- Spread Operator:
let arr1 = [1, 2, 3];
let arr2 = [...arr1, 4, 5];

- Rest Parameters:
function sum(...numbers) {
return numbers.reduce((a, b) => a + b, 0);
}

- Promises:
let promise = new Promise((resolve, reject) => {
let success = true;
if (success) {
resolve("Success!");
} else {
reject("Failure");
}
});

promise.then(result => console.log(result)).catch(error => console.error(error));

11. Asynchronous JavaScript

- Async/Await:
async function fetchData() {
try {
let response = await fetch("https://api.example.com/data");
let data = await response.json();
console.log(data);
} catch (error) {
console.error("Error fetching data:", error);
}
}
fetchData();

12. JSON (JavaScript Object Notation)

- Convert Object to JSON:


let jsonString = JSON.stringify({ name: "John", age: 30 });

- Convert JSON to Object:


let obj = JSON.parse('{"name": "John", "age": 30}');

13. Miscellaneous

- Math Methods:
Math.random(); // Random number between 0 and 1
Math.floor(3.14); // 3
Math.ceil(3.14); // 4

- Date Methods:
let date = new Date();
console.log(date.getFullYear());

You might also like