var

🎓 Переменные. Типы данных

⬇️ Правила построения имен переменных ⬇️ typeof ⬇️ Массивы ⬇️ Объекты ⬇️ Спецификация ECMAScript

💼 Упражнения

📖 var

Переменные - это контейнеры для хранения данных

Для объявления переменной используется ключевое слово var

При объявлении переменной ей можно сразу присвоить начальное значение:

     var x = 5

⚠️Если мы объявим переменные, но не присвоим им начальные значения:

     var x, y, z

то их значением будет undefined

⚠️ Если мы не объявим переменную, но попытаемся обратиться к ней:

console.log ( sigma )

то в консоли появится сообщение об ошибке:

⛔️ Uncaught ReferenceError: sigma is not defined

Можно объявить сразу несколько переменных в одной строке, разделяя их запятой:

var person = "Сергей",  hobby = 'football',  age = 30

или так:

var person = "Сергей",  
    hobby = 'football',  
    age = 30

📖 Правила построения имен переменных

✋ Имена переменных могут содержать буквы, цифры, символы подчеркивания и знаки доллара

✋ Имена переменных могут начинаться с буквы, сиволов $ и _

✋ Имена переменных чувствительны к регистру ( y и Y - разные переменные )

⚠️ Зарезервированные слова не могут использоваться как имена переменных

📖 Типы данных ( typeof )

⤴️

⤵️

📖 строка

 ( 📌 тип данных: "string" )
 заключается в двойные ( "Доброе утро" ) или одинарные ( 'My name is ...' ) кавычки
 Внутри строки можно использовать кавычки, если они не совпадают с кавычками самой строки:

'Посмотри слово "Бегемот" в словаре'
"Посмотри слово 'Бегемот' в словаре"

📖 число

 ( 📌 тип данных: "number" )

    записывается без кавычек, 
    состоит из цифр, 
    для отделения десятичных разрядов 
    используется точка

     53.25

📖 логическая переменная

 ( 📌 тип данных: "boolean" )

    принимает только два возможных значения:  true  или  false
    ( без кавычек, "true" - это уже строка )

📖 undefined

 ( 📌 тип данных: "undefined" )

    Переменные часто объявляются без присваивания им начального значения
    Если переменная объявлена без значения, ее значение будет undefined
    ( без кавычек, "undefined" - это уже строка )

📖 Массивы

( 📌 тип данных: "object" )

⤴️

⤵️

    ✋ Массив - это упорядоченный набор переменных
    ✋ Каждая переменная называется элементом массива
    ✋ Элементы массива имеют порядковый номер внутри массива 
       ( индекс элемента массива )
    ⚠️ Индексация элементов массива начинается с нуля, т.е. первый элемент массива будет иметь индекс 0
    ✋ Массивы JavaScript объявляются с помощью квадратных скобок
    ✋ Элементы массива разделяются запятыми

☕ 1

Следующий код объявляет массив с именем students, содержащий три элемента ( имена студентов ):

var students = [ "Иван", "Татьяна", "Дмитрий" ]

Элементы массива:

    students [ 0 ] :  "Иван"
    students [ 1 ] :  "Татьяна"
    students [ 2 ] :  "Дмитрий"

В результате выполнения кода:

var hello = "Привет, " + students [ 1 ]

в переменной hello будет значение "Привет, Татьяна"

📖 Объекты

 ( 📌 тип данных: "object" )

⤴️

⤵️

    ✋ Объекты объявляются с помощью 
       фигурных скобок: { ... }
    ✋ У объектов есть свойства, 
       перечисляемые внутри фигурных скобок через запятую
    ✋ Свойства объекта записываются как пары: 
       имя свойства и значение свойства, 
       разделенные двоеточием

var human = {
     name: "Дмитрий",
     age: 35,
     work: true
}

    ✋ При обращении к свойству объекта 
       сначала пишется имя объекта, 
       затем разделитель - точка, 
       а затем уже имя свойства объекта:

human.name
human.age
human.work

☕ 2

⤴️

⤵️

var students = {
     group: "ОП",
     course: 'Основы программирования',
     names: [ 
          "Иванов Семен", 
          "Андриенко Михаил", 
          "Костенко Павел",
          "Молчанов Алексей",
          "Примаченко Егор"
     ]
}

Значение  students.course  будет "Основы программирования"
Значение students.names будет массив
    [ 
        "Иванов Семен", 
        "Андриенко Михаил", 
        "Костенко Павел",
        "Молчанов Алексей",
        "Примаченко Егор"
    ]

Значение students.names [ 2 ] будет "Костенко Павел"

☕ 3

⤴️

⤵️

var students = {
     group: "ОП",
     course: 'Основы программирования',
     persons: [ 
           { 
               name: "Иванов Семен", 
               homeworks: [ 10, 7, 8, 5, 9, 6, 4, 8, 7 ]
           },
           { 
               name: "Андриенко Михаил", 
               homeworks: [ 5, 4, 7, 6, 8, 7, 7, 6, 8 ]
           },
           { 
               name: "Костенко Павел",
               homeworks: [ 9, 8, 9, 10, 7, 7, 8, 6, 8 ]
           },
           { 
               name: "Молчанов Алексей",
               homeworks: [ 4, 5, 4, 6, 7, 5, 6, 7, 8 ]
           },
           { 
               name: "Примаченко Егор",
               homeworks: [ 3, 5, 4, 6, 5, 7, 6, 6, 7 ]
           }
     ]
}

    Объект  students  имеет три свойства:
    group,  course  и  persons
    Свойство  persons  является массивом
    К нему можно обратиться так:

students.persons

    Получить второй элемент массива 
    students.persons можно так:

students.persons [ 1 ]

    Каждый элемент массива students.persons 
    является объектом

students.persons [ 1 ].name              // "Андриенко Михаил"
students.persons [ 1 ].homeworks         // [ 5, 4, 7, 6, 8, 7, 7, 6, 8 ]
students.persons [ 1 ].homeworks [ 0 ]   // 5

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

⤴️

⤵️

В JavaScript используется динамическая типизация данных

Это означает, что тип данных переменной определяется при присваивании ей значения

var x = 0
console.log (x)             // в консоли будет    0
console.log ( typeof x)     // в консоли будет    "number"

x = "lol"
console.log (x)            // в консоли будет   "lol"
console.log ( typeof x)    // в консоли будет    "string"

📖 Спецификация ECMAScript

Последняя спецификация языка ECMAScript определяет семь типов данных:

шесть примитивных типов:

    ✅ Boolean
    ✅ Null
    ✅ Undefined
    ✅ Number
    ✅ String
    ✅ Symbol (new in ECMAScript 6)

и тип

    ✅ Object

⤴️

💼 Упражнения

⏫