JS Базові поняття

Перелік методів

• Number(value)
• typeof Number(valueA)
• Number.parseInt()
• Number.parseFloat()
• Number.isNaN(val); // true false
• (0.17 + 0.24); // 0.41000000000000003
• ((0.17 * 100 + 0.24 * 100) / 100); // 0.41
• ((0.17 + 0.24).toFixed(2)); // 0.41
• console.log(message.length); // 19
• message.toLowerCase()
• message.toUpperCase()
• message.indexOf("t"); // 8
• productName.includes("н"); // true
• jsFileName.endsWith(".js"); // true "script.js"
• jsFileName.replace(".js", ".min.js");
• cssFileNames.replaceAll(".css", ".min.css");
• productName.slice(0, 4); // "Repa"Repair

Клас Math

• console.log(Math.floor(1.7)); // 1
• console.log(Math.ceil(1.2)); // 2
• console.log(Math.round(1.2)); // 1
• console.log(Math.round(1.5)); // 2
• console.log(Math.max(20, 10, 50, 40)); // 50
• console.log(Math.min(20, 10, 50, 40)); // 10
• console.log(Math.pow(2, 4)); // 16
• Math.random() випадкове число між 0 і 1
• Math.random() * (10 - 1) + 1 від 1 до 10

Оголошення змінних

• let username; // undefined
• const points = 20;
• const points = 15.8;
• const username = "Mango";
• const isLoggedIn = true;
• let selectedProduct = null;

Числа

• const - Константа
• let - Змінна
• console.log(5 === "5"); // false
• Number("5"); // 5 or NaN Приведення до числа
• console.log(typeof Number("5")); // "number" тип данних

Методи Number.parseInt() і Number.parseFloat()

• console.log(Number.parseInt("5px")); // 5
• console.log(Number.parseInt("12qwe74")); // 12
• console.log(Number.parseInt("12.46qwe79")); // 12
• console.log(Number.parseFloat("12qwe74")); // 12
• console.log(Number.parseFloat("12.46qwe79")); // 12.46

Строки

• const message = "Mango " + "is" + " happy"; // Mango is happy
• console.log(1 + "2" + 4); // "124" Конкатенація
• const greeting = `Welcome ${guestName}, number is ${roomNumber}!`; Шаблонні рядки
• console.log(message.length); // 19
• message.toLowerCase()
• message.toUpperCase()
• const normalizedToUpperCaseInput = userInput.toUpperCase();
• console.log(message.indexOf("to")); // 8 (-1)
• console.log(productName.includes("н")); // true
• jsFileName.endsWith(".js"); // true "script.js"
• const minifiedJsFileName = jsFileName.replace(".js", ".min.js");
• cssFileNames.replaceAll(".css", ".min.css");
• productName.slice(0, 4); // "Repa"Repair

Логічні оператори

• false = 0, NaN, null, undefined, порожній рядок і false
• логічне «І» зупиняється на хибному або останній операнд. і повертає те, на чому зупинилось,
• console.log(1 && 5); // true && true -> 5
• console.log(5 && 1); // true && true -> 1
• console.log(0 && 2); // false && true -> 0
• console.log(2 && 0); // true && false -> 0
• console.log("" && "Mango"); // false && true -> ""
• console.log("Mango" && ""); // true && false -> ""
• Оператор || приводить всі операнди до буля і повертає значення одного з них
• console.log(true || false); // true
• console.log(false || true); // true
• console.log(3 || false); // 3
• console.log(false || 3); // 3
• Логічне «НЕ» console.log(!3); // !3 -> !true -> false приводить операнд до буля

Тернарний оператор

const type = age >= 18 ? "adult" : "child";

Області видимості

Цикли

Цикл "for" і "continue;" виконання тіла припиняється і управління передається до наступної ітерації.