Please enable JavaScript.

Coggle requires JavaScript to display documents.

JavaScript - Coggle Diagram

- - - - Сложение +
      - Вычитание -
      - Умножение *
      - Деление /
      - Взятие остатка от деления % - ( 5 % 2 ) = 1,
      - Возведение в степень ** - ( 2 ** 2 ) = 4
      - Литерал шаблона добавления $
      - +х - приведение строки к числу
    - - Увеличение на 1 ++
      - Уменьшение на 1 --
      - Строгое сравнение ==
      - Оператор присвоения =
      - Оператор строго равенства === значит без приведения типов
      - Оператор ИЛИ || - if (hour < 10 || hour > 18) {}
      - Оператор И && - if (hour == 12 && minute == 30) {}
      - Оператор НЕ !
      - Оператор нулевого слияния ?? - let user;
        alert(user ?? "Аноним"); // Аноним (user не существует)
    - - if (let == 2015){
        return = ("ок")} - вычисляет условие в скобках и, если результат true, то выполняет блок кода.
      - if «else» - else выполняется, когда основное условие ложно.
        if (year < 2015) {
        alert( 'Это слишком рано...' );
        } else if (year > 2015) {
        alert( 'Это поздновато' );
      - Тернарный оператор (?) -
        let result = условие ? значение1 : значение2;
        let result = (age > 18) ? true : false;
      - While - выполнение цикла пока результат true
        let i = 3;
        while (i) { // когда i будет равно 0, условие станет ложным, и цикл остановится
        alert( i );
        i--;}
      - do…while - осущь. дейские пока условие true
        let i = 0;
        do {
        alert( i );
        i++;
        } while (i < 3);
      - for - (начало; условие; шаг) {}
        for (let i = 0; i < 3; i++) {} можно убирать любую часть цикла
      - while (true) - бесконечный цикл.
        break - прерывание цикла
        Если на данной итерации цикла делать больше ничего не надо, но полностью прекращать цикл не следует – используют директиву continue.
        Метки – единственный способ для break/continue выйти за пределы текущего цикла, повлиять на выполнение внешнего.
      - switch и case - сравнить условие и произвести действие.
        Break - если условие соблюдено, не двигаться дальше по case
        Defalt - сработает если все условия false
        let a = "1";
        let b = 0;
        switch (+a) {
        case b + 1:
        alert("Выполнится, т.к. значением +a будет 1, что в точностиравно b+1");
        break;
        default: alert("Это не выполнится");}
        Проверка всегда === типы должны быть одинаковыми
  - - - Строки
        1.двойные и одинарные ковычки - простые
        
        обратные ковычки - позволяют вставлять выражения в строку ${…}
      - Числа:
        обычные числа,
        Infinity - математическая бесконечность
        NaN - вычислительная ошибка
      - Булевый (логический) тип - true and false
        Nul - ничего
        «undefined» - отсутствие присваивания значения
        Оператор typeof - возвращает тип данных
    - - alert
        показывает сообщение.
      - prompt
        показывает сообщение и запрашивает ввод текста от пользователя. Возвращает напечатанный в поле ввода текст или null, если была нажата кнопка «Отмена» или Esc с клавиатуры.
      - confirm
        показывает сообщение и ждёт, пока пользователь нажмёт OK или Отмена. Возвращает true, если нажата OK, и false, если нажата кнопка «Отмена» или Esc с клавиатуры.
    - - String(value) - преобразует значение к строке.
      - Number(value).- преобразование в число
      - Boolean(value) - логическое преобразование
      - undefined при численном преобразовании становится NaN, не 0.
        "0" и строки из одних пробелов типа " " при логическом преобразовании всегда true.
  - - - alert(message), prompt(message, default) и confirm(question).
    - - function checkAge(параметр - (age)) {
        if (age > 18) {
        return true;
        } else {
        return confirm('А родители разрешили?');
        }}
        checkAge(аргумент (18));
      - Передаваемые значения копируются в параметры функции и становятся локальными переменными.
      - Функции имеют доступ к внешним переменным. Но это работает только изнутри наружу. Код вне функции не имеет доступа к её локальным переменным.
      - Функция может возвращать значение. Если этого не происходит, тогда результат равен undefined.
    - - Данный синтаксис позволяет нам создавать новую функцию в середине любого выражения.Ей можно не присваивать имя т.к. оно присв.в контек
        let sayHi = function() {
        alert( "Привет" ); };
      - Функции колбэки
        function ask(question, yes, no) {
        if (confirm(question)) yes()
        else no();
        ask( "Вы согласны?", function() { alert("Вы согласились."); }, function() { alert("Вы отменили выполнение."); } );
      - Когда использовать FD, а когда FE? если нам понадобилась функция, в первую очередь нужно рассматривать синтаксис FD, их можно вызывать до их объявления также они более заметны в коде. Но если FD нам не подходит по какой-то причине, или нам нужно условное объявление следует использовать FE - создаются только когда поток доходит до них
    - - Однострочные
        let sum = (a, b) => a + b;
        alert( sum(1, 2) ); // 3
      - Многострочные
        let sum = (a, b) => { // фигурная скобка, открывающая тело многострочной функции
        let result = a + b;
        return result; // если мы используем фигурные скобки, то нам нужно явно указать "return"};
        alert( sum(1, 2) ); // 3
- - - - Обращение к объекту
        alert( user.name ); // John
      - Добавление\изменение значения user.isAdmin = true;
      - Удаление ключа delete user.age;
      - Вычисляемые свойства
        let fruit = prompt("Какой фрукт купить?", "apple");
        let bag = { // имя свойства будет взято из переменной fruit
        bag[fruit] = 5;
      - Если ключ совпадает с названием свойства мы можем использовать которую запись
        name, // то же самое, что и name: name
      - Нет никаких ограничений к именам свойств. Можно называть (let, for и тд)
        Ключи из двух слов необходимо помещать в ["имя ключа"]
        Объект, объявленный через const, может быть изменён.
        В объектах есть автоматическая сортировка ключей: цельночисленная и по порядку добавления, чтобы изменить цельночисленную сортировку, необходимо изменить 2 на + 2 или 2.1
        Можно использовать любую переменную для доступа к объекту и изменения его содержимого
        Сравнение по ссылке Два объекта равны только в том случае, если это один и тот же объект.
        Клонирование информ. из одного объекта в другой независимый методом assign
        Object.assign(dest, [src1, src2, src3...])
        или функцию «глубокого клонирования», такую как _.cloneDeep(obj).
      - Оператор in - для проверки существования ключа, его используют когда ключ есть, но у него нет значения
        let user = { name: "John", age: 30 };
        alert( "age" in user ); // true, user.age существует
      - Цикл "for..in" - Для перебора всех свойств объекта
        let user = {
        name: "John",};
        for (let key in user) {// ключи
        alert( key ); // name, // значения ключей
        alert( user[key] ); // John }
      - Сборка мусора выполняется автоматически. Мы не можем ускорить или предотвратить её.
        Объекты сохраняются в памяти, пока они достижимы.
        Если на объект есть ссылка – вовсе не факт, что он является достижимым (из корня): набор взаимосвязанных объектов может стать недоступен в целом
  - - - Примитивы - это все типы данных кроме объектов. Но у примитивов есть методы, чтобы осуществить метод, JS под копотом создает объект-обертку
      - :red_flag:Числа
        Чтобы укротить запись числа можно использовать букву "e" Она добавляется к числу и заменяет указанное количество нулей: let billion = 1e9; Для украчивания маленьких чисел используется
        let ms = 1e-6; // шесть нулей, слева от 1
        Метод num.toString(base) возвращает строковое представление числа num в системе счисления base. let num = 255; alert( num.toString(16) ); // ff
        Округление
        Math.floor - в меньшую сторону: 3.1 становится 3, а -1.1 — -2.
        Math.ceil - в большую сторону: 3.1 становится 4, а -1.1 — -1.
        Math.round - до ближайшего целого: 3.1 становится 3, 3.6 — 4, а -1.1 — -1.
        Math.trunc - производит удаление дробной части без округления: 3.1 становится 3, а -1.1 — -1.
        Округление до какого-то количества чисел:
        1.Умножить и разделить - alert( Math.floor(num * 100) / 100 ); // 1.23456 -> 123.456 -> 123 -> 1.23
        
        Метод toFixed(n) округляет число до n знаков после запятой -let num = 12.34;
        alert( num.toFixed(1) ); // "12.4" Полученный результат является строкой, Если десятичная часть короче, чем необходима, будут добавлены нули в конец строки. Необходимо округлять такие значения, чтобы предотвратить Js неточности чисел.
        
        Методы Number.isNaN и Number.isFinite – это более «строгие» версии функций isNaN и isFinite. Они не преобразуют аргумент в число, а наоборот – первым делом проверяют, является ли аргумент числом (принадлежит ли он к типу number).
        Функция parseInt возвращает целое число, а parseFloat возвращает число с плавающей точкой. Используются в случае когда необходимо достать число из строки ! - остановка считывания происходит в момент появления строки (а102.3) - NaN / (102.3a) - 102.3
        Ещё больше математических функций:Документация по объекту Math. Библиотека маленькая, но содержит всё самое важное.
      - :red_flag: Строки
        \n - спецсимвол, двухстрочной записи в одну строку - "Guests:\n John\n Mary" Есть и другие, реже используемые спецсимволы.) Свойство длинны строки - alert( My\n.length ); // 3
        str.at(pos). - возвращает символ по порядку alert( str.at(-1) ); Также можно перебрать строку посимвольно - for..of:
        Содержимое строки нельзя изменить. Нельзя взять символ посередине и заменить его.
        toLowerCase() и toUpperCase() меняют регистр символов: Перевести в нижний регистр конкретный символ: -'Interface'[0].toLowerCase()
        str.indexOf(substr, pos) - ищет подстроку substr в строке str, начиная с позиции pos, и возвращает позици, либо -1 при отсутствии совпадений.
        str.lastIndexOf(substr, position) - который ищет с конца строки к её началу.
        str.includes(substr, pos) возвращает true, если в строке str есть подстрока substr, либо false, если нет.
        str.slice(start [, end]) - Возвращает часть строки от start до (не включая) end.
        str.substring(start [, end]) - Возвращает часть строки между start и end (не включая) end.
        str.substr(start [, length]) - Возвращает часть строки от start длины length.
        str.codePointAt(pos) - Возвращает код для символа, находящегося на позиции pos:
        String.fromCodePoint(code) - Создаёт символ по его коду code
        Все строчные буквы идут после заглавных, так как их коды больше. Некоторые буквы, такие как Ö, вообще находятся вне основного алфавита. У этой буквы код больше, чем у любой буквы от a до z.
      - :red_flag: Массивы
        В массиве могут храниться элементы любого типа. Массив является объектом и, следовательно, ведёт себя как объект.
        Список элементов массива, как и список свойств объекта, может оканчиваться запятой:
        fruits.at(-1) ); - получение последних элементов при помощи «at»
        push - добавляет элемент в конец.
        shift - удаляет элемент в начале, сдвигая очередь, так что второй элемент становится первым.
        pop - удаляет последний элемент.
        Методы push/pop выполняются быстро, а методы shift/unshift – медленно.
        for (let i = 0; i < arr.length; i++) И for (let fruit of fruits) - перебор массива
        Свойстве length – можно перезаписать. Если мы уменьшим length, массив станет короче.
        Этот процесс необратим
        Многомерные массивы - Массивы могут содержать элементы, которые тоже являются массивами.
        Массивы не имеют ни Symbol.toPrimitive, ни функционирующего valueOf, они реализуют
        только преобразование toString
        Массивы не следует сравнивать при помощи оператора ==.
    - - :red_flag: Object.keys, values, entries
        Object.keys(obj) – возвращает массив ключей. Object.keys(user) = ["name", "age"]
        Object.values(obj) – возвращает массив значений. Object.values(user) = ["John", 30]
        Object.entries(obj) – возв. массив пар [ключ, значение].Object.entries(user) = [ ["name","John"], ["age",30] ]
        :red_flag:Деструктурирующее присваивание – это специальный синтаксис, который позволяет нам «распаковать» массивы или объекты в несколько переменных, так как иногда они более удобны.
        - Массив - Нежелательные элементы массива можно пропустить с помощью доп. запятой
        let arr = ["Ilya", "Kantor"];
        let [firstName, surname] = arr;
        Если массив длиннее, чем список слева, «лишние» элементы опускаются.Если мы хотим собрать все остальные, то мы можем использовать оператор «остаточные параметры» – ("...имя перемен."):
        - Объект
        let {title, width, height} = options;
        alert(title); // Menu
        Чтобы присвоить свойство объекта переменной с другим названием, то можно использовать двоеточие: let {width: w, height: h, title} = options;
        Для потенциально отсутствующих свойств мы можем установить значения по умолчанию, используя "=", как здесь: let {width = 100, height = 200, title} = options;
        Можно совмещать : и =:
        Если в объекте больше свойств, чем переменных можно использовать троеточие, как и для массивов.
        :red_flag: Дата и время - Date содержит дату и время, а также предоставляет методы управления ими. Его можно использовать для хранения времени создания/изменения, для измерения времени или просто для вывода текущей даты.Для создания нового объекта Date нужно вызвать конструктор new Date().
        new Date(year, month, date, hours, minutes, seconds, ms)
        getFullYear() - Получить год (4 цифры)
        getMonth() - Получить месяц, от 0 до 11.
        getDate() - Получить день месяца, от 1 до 31, что несколько противоречит названию метода.
        getHours(), getMinutes(), getSeconds(), getMilliseconds() - Получить,часы, минуты, секунды или миллисекунды.
        getDay() - Вернуть день недели от 0 (воскресенье) до 6 (суббота).
        Все методы возвращают значения местного часового пояса. Существует их UTC-варианты UTC+0: getUTCFullYear(), getUTCMonth(), getUTCDay(). Для их использования нужно после "get" подставить "UTC".
        getTime() - Для заданной даты возв. таймстамп – кол. миллисекунд, прошедших с 1 января 1970 года UTC+0.
        getTimezoneOffset() - Возвращает разницу в минутах между UTC и местным часовым поясом:
        :red_flag: Формат JSON, метод toJSON
        JSON.stringify - для преобразования объектов в JSON.
        JSON.parse - для преобразования JSON обратно в объект.
        Важное ограничение: не должно быть циклических ссылок.