Опубликовано видео "JavaScript на NOcode платформе. Переменные". В этом видео Мы разберем понятие переменная и как их создавать и использовать в Leadtex.

https://youtu.be/YHFoxxXKN8o

Игры в которые можно поиграть:

https://t.me/mv_master_bot

Комментарии в JavaScript

🔹Комментарии в программе, это кусок текста который "движок" JS игнорирует.

🔸Однострочные комментарии: от символа // до конца строки

// Это пример комментария

// var a =10

var a = 5 // =5

var a = 1 + //10
6 // 7

🔸Многострочные комментарии от символа /* до */

/* Это то же комментарий
var a =5;
var b= 7;
*/

🔹Комментарии позволяю записывать пояснительный текст к программе или отключить часть программы

Опубликовано видео "JavaScript на NOcode платформе.Синтаксис, лексемы, типы". В этом видео Мы разберем понятие синтаксиса, как записывать числа, строки и применение в Leadtex.

https://youtu.be/L-9X4j6jOmI

JavaScript поддерживает 6 типов данных

🔹Boolean. true и false.

🔹null. Специальное ключевое слово, обозначающее нулевое или «пустое» значение. Поскольку JavaScript чувствителен к регистру, null не то же самое, что Null, NULL или любой другой вариант.

🔹undefined. Свойство глобального объекта; переменная, не имеющая присвоенного значения, обладает типом undefined.

🔹Number. например: 25 или 3.14159.

🔹String. например: "Hello JavaScript".

🔹Object. например: []

Правила написания чисел в JavaScript

🔹Первым символом может стоять знак "-", символ "+" можно опускать:
+7 тоже самое, что и 7:
0
-1009

🔹Для "плавающих" чисел разделителем целой части и дробной, является символ точка.
+1.25
.5 // 0.5
1.2.5 // SyntaxError

🔹Можно использовать стиль написания чисел как" x * 10 в степени y":
2e //2000
1e6 // 1000000
2.5e-6 // 0.0000025
1e0.5 // SyntaxError

🔹При написании числа с ведущим 0, оно трактуется как "восьмеричное" и для написания используются цифры от 0 до 7:
017 // 15
018 // SyntaxError

🔹Если впереди числа написать 0x, то это будет "шестнадцатеричное" число. Для его написания используются следующие символы: [0-9a-f]:
0x1f // 31
1x15 // SyntaxError

Правила оформления строк в JavaScript

🔹Строки начинаются и оканчиваются символами " (двойные кавычки) или символом ' (одиночные кавычки).
Единственное условие это с какого символа начали строку, таким и должна строка оканчиваться!

“строка”

‘строка’

🔹Операция "конкатенации" для строк:
“a”+”b” // ab

“строка1”+
“строка2” //строка1строка2

🔹Ввод длинной строки используя экранировку символа "новая строка":

“строка1 \
строка2 \
строка3” //строка1 строка2 строка3

❗️Так нельзя:
“a””b” // две строки рядом
“a”-”b” // "вычитания" для строк нет
“a’ // различные символы начала и
// окончания строки

Вышло продолжение серии обучающих видео по версии языка JavaScript применяемого в Leadtex. В видео рассказано об "Операциях" в языке.
https://youtu.be/LEkkUviOQAw

Спецсимволы в строках JavaScript

🔹Спецсимволы начинаются с символа \ (Обратная косая черта):

\n - Перевод строки
\’ - Апостроф или одинарная кавычка
\” - Двойная кавычка
\\ - Обратная косая черта (Backslash)

\xXX - Символ в кодировке Latin-1, представленный двумя шестнадцатеричными числами XX от 00 до FF/ Например, \xA9 (символ ©).

\uXXXX - Символ в Unicode, представленный четырьмя шестнадцатеричными числами XXXX. Например, \u00A9 (символ ©).

Динамическая типизация в JavaScript

🔹В языке JavaScript разрешается присвоение одной переменной различных типов данных (не одновременно, а по очереди):

var a;

a = 55;

a = “Привет”;

a = true;

a = []

Арифметические операции в JavaScript

▪️Сложение: символ "+":
5 + 5
5 + (5 + 5)

▪️Вычитание: символ "-":
10 - 5

▪️Умножение: символ "*":
5 * 5

▪️ Деление: символ "/":
10 / 2

▪️Модуль числа (остаток от числа): символ "%":
10 % 3 // 1

🔹Порядок вычисления: сначала умножение, деление и модуль числа, затем сложение и вычитание, затем присвоение. Все вычисляется "слева направо":
3 * 5 * 7 // (3 * 5) * 7
2 + 2 * 2 // (2 * 2) + 2 = 6

5 + 6 * 2 == 5 + (6 * 2)
5 + 6 * 2 != (5 + 6 ) * 2

Операция "Автоинкремент", "Автодекремент" в JavaScript

🔹В JavaScript операции "Автоинкремент" и "Автодекремент" перекочевали из языка C.
Эти операции существуют в двух видах:

🔺"префиксный инкремент": ++i
Сначала добавляется единичка к значению переменной, затем берется ее результат

🔺"постфиксный инкремент": i++
Сначала берется значение переменной, затем добавляется единичка к значению переменной.

🔺"префиксный декремент": --i
Сначала отнимается единичка от значения переменной, затем берется ее результат

🔺"постфиксный декремент": i--
Сначала берется значение переменной, затем отнимается единичка от значения переменной.

var i = 0
var b = i++ // b = 0, i = 1
var c = ++i // c = 2, i = 2

var i = 5
var b = --i // b = 4, i = 4
var c = i–- // c = 4, i = 3

var i = 0
var b = i++ + --i // b =0, i = 0
var c = --i + i++ // c = -2, i = 0

Операторы присваивания в JavaScript

🔹Операция присваивания обозначается символом "=". Присваивание осуществляется "справа на лево", т.е. в левой части не может стоять "константа", типа числа, строки:

a = 5;
a = "abcd";

🔹Для ускорения написания программ (и укорочения ее текста), в JavaScript есть "совмещенные операции присваивания с другими операциями":

👉 += Сложение
👉-= Вычитание
👉 *= Умножение
👉 /= Деление
👉 %= Модуль

🔹Примеры:
a += 5 // a = a + 5
a -= 5 // a = a - 5
a *= 5 // a = a * 5
a /= 2 // a = a / 2
a %= 3 // a = a % 3

Вышло продолжение серии обучающих видео по версии языка JavaScript применяемого в Leadtex. Видео называется "Свойства, методы, операторы".
https://youtu.be/kQF0ad32huQ

Операторы сравнения в JavaScript

🔹Стандартные операторы
👉== Равно // “5” == 5
👉!= Неравно
👉< Меньше
👉> Больше
👉<= Меньше или равно
👉>= Больше или равно

🔹"Строгие" операторы сравнения (они кроме значения сравнивают еще и тип)
👉=== Строгое равенство
👉!== Строгое неравенство // “5” !== 5

🔹Результат сравнения всегда true или false, поэтому его можно записать в переменную:

var a = 5 > 3 // true

🔹Человеческие понятия типа: "примерно равно", "немного больше" и т.д. это понятия не для компьютера

Клевый концепт умного зеркала

Это "Mirror one", если к нему просто подойти, то на зеркале появится вся нужная информация: погода, время, пробки, записи в календаре, замети и т.д.

Это мы ждем.

"Конкатенация" и "конвертация" в JavaScript

🔹"Конкатенация" - это "склеивание" строк. Используются символ "+" или "+="

var a = “a” + ”b”       // “ab”
var a = ”a”; a += ”b”   // “ab”

🔹Конкатенация строк с числами:

var a = “25” + 5        // “255”
var a = 5 + “25”        // “525”
var a = “25” - 5        // 20

🔹

Конвертация - это преобразование между строковым форматом и числовым:

var a = +”25” + 5       // 30
var a = Number(“25”)    // 25
var a = + “25”          // 25
var a = “25” - 0        // 25

var a = String(25)      // “25”
var a = 0 + “25”        // “025”

❗️Так нельзя!

“25”++
"25" = a

Свойства в JavaScript

🔹Свойство это какое-то значение этого объекта. Например для строки можно получить ее длину в символах:

👉 "Точечная нотация":

“abc”.length          // 3
[1, 2].length         // 2

👉Доступ "по имени" (при этом имя всегда строка):

“abc”[“length”]       // 3

👉 Доступ по индексу (индексация в JavaScript всегда с 0):
“abc”[1] // “b”

👉Доступ к последнему символу строки:

s=“abcd”; s[s.length-1]  // “d”

🔹Для массивов возможно управлять длиной:

var a = [1, 2];     // массив из двух
                    // элементов

a[10] = “z”;   // увеличиваем массив
a.length          // 11
a[3]              // undefined

// укорачиваем массив
a.length = 3;
// a = [1, 2, undefined]

❗️Так нельзя!
“abc”.len // нет такого свойства

5.length // у чисел нет такого свойства

Методы для строк в JavaScript

🔹Метод это какое-то действие над объектом. Например для строк:

▪️ slice(индекс1, [индекс2]) - извлекает часть строки от индекса1 до индекса2 (символ с индексом2 НЕ извлекается!) . Если индекс2 не указан - то до конца строки

"abcd".slice(1,2)       // "b"
"abcd".slice(2)         // "cd"

▪️ split("разделитель") - разбивает строку на массив строк

var z = “ab,b,c”;

var s = z.split(",");
// s = [“ab”,”b”,”c”]
s.length        // 3

▪️substring(индекс1, [индекс2]) - это название устарело, необходимо пользоваться названием: slice()

▪️toLowerCase() - переводит строку в "нижний" регистр

"Abcd".toLowerCase()     // "abcd"

▪️toUpperCase() - переводит строку в "верхний" регистр

"Abcd".toUpperCase()     // "ABCD"

▪️trim() - Удаляет начальные и конечные "пробельные" символы

" a b ".trim() // "a b"

Вышло последнее завершающее видео по теории языка JavaScript применяемого в Leadtex. Видео называется "Операторы цикла. Функции".
https://youtu.be/F6OfhuVY1rc

Вышла практическая серия по языку JavaScript - Обработка данных полученных блоком HTTP запрос.

https://youtu.be/12pgvS8QlwI