30:T9c1,obj = md`
## Объекты
Объекты (*object*): одна из основ языка; представляют собой список свойств (***ключ: значение***).

**Содержат коллекции и более сложные сущности** \`\`\`javascript // Объявление let user = new Object(); // синтаксис "конструктор объекта" let user = { // литеральный синтаксис name: "John", age: 30 }; // Удаление/добавление свойств delete user.age; user.height = 172; // При добавлении явно прописываем новое свойство // Свойства, состоящие из нескольких слов user["likes birds"] = true; // присваивание значения свойству user["likes birds"]; // получение значения свойства delete user["likes birds"]; // удаление свойства // Вычисляемые свойства let startProperty = 'start'; let time = { [startProperty + 'Time']: 2 // time.startTime = 2 }; // Свойства из переменной function makeUser(name, age) { return { name, // то же самое, что и name: name age // то же самое, что и age: age // Следующие свойства }; } let user = makeUser("John", 30); user.name; // John // Проверка существования свойства let user = { name: "John", age: 30 }; alert("age" in user); // true, user.age существует alert("blabla" in user); // false, user.blabla не существует // Цикл "for...in" let user = { name: "John", age: 30, isAdmin: true }; for (let key in user) { alert( key ); // name, age, isAdmin (ключи) alert( user[key] ); // John, 30, true (значения ключей) } // Целочисленные свойства let codes = { "49": "Германия", "41": "Швейцария", "44": "Великобритания", // .., "1": "США" }; // При переборе, целочисленные свойства упорядочиваются for (let code in codes) { alert(code); // 1, 41, 44, 49 } \`\`\` `31:T80b,md`
**Map и Set**

**Map** – это коллекция ключ/значение, как и Object. Но основное отличие в том, что Map позволяет использовать ключи любого типа.

Методы и свойства: * new Map() – создаёт коллекцию. * map.set(key, value) – записывает по ключу key значение value. * map.get(key) – возвращает значение по ключу или undefined, если ключ key отсутствует. * map.has(key) – возвращает true, если ключ key присутствует в коллекции, иначе false. * map.delete(key) – удаляет элемент по ключу key. * map.clear() – очищает коллекцию от всех элементов. * map.size – возвращает текущее количество элементов.

\`\`\`javascript // Объявление и обращение let map = new Map(); map.set("1", "str1"); // строка в качестве ключа map.set(1, "num1"); // цифра как ключ map.set(true, "bool1"); // булевое значение как ключ map.get(1); // "num1" map.get("1"); // "str1" map.size; // 3 // Перебор Map let recipeMap = new Map([ ["огурец", 500], ["помидор", 350], ["лук", 50] ]); for (let vegetable of recipeMap.keys()) { // перебор по ключам (овощи) vegetable; // огурец, помидор, лук } for (let amount of recipeMap.values()) { // перебор по значениям (числа) amount; // 500, 350, 50 } for (let entry of recipeMap) { // то же самое, что и recipeMap.entries() // перебор по элементам в формате [ключ, значение] entry; // огурец,500 (и так далее) } \`\`\` `32:T7b2,md`
Объект **Set** – это особый вид коллекции: «множество» значений (без ключей), где каждое значение может появляться только один раз.
Его основные методы это: * new Set(iterable) – создаёт Set, и если в качестве аргумента был предоставлен итерируемый объект (обычно это массив), то копирует его значения в новый Set. * set.add(value) – добавляет значение (если оно уже есть, то ничего не делает), возвращает тот же объект set. * set.delete(value) – удаляет значение, возвращает true, если value было в множестве на момент вызова, иначе false. * set.has(value) – возвращает true, если значение присутствует в множестве, иначе false. * set.clear() – удаляет все имеющиеся значения. * set.size – возвращает количество элементов в множестве. \`\`\`javascript // Объявление и обращение let set = new Set(); let john = { name: "John" }; let pete = { name: "Pete" }; let mary = { name: "Mary" }; set.add(john); set.add(pete); set.add(mary); set.add(john); // Пытаемся дублировать set.size; // set хранит только 3 уникальных значения for (let user of set) { user.name; // John / Pete / Mary } // Перебор Set let set = new Set(["апельсин", "яблоко", "банан"]); for (let value of set) value; set.forEach((value, valueAgain, set) => { // то же самое с forEach value; }); \`\`\` `33:T971,arr = md` ## Массивы
Массивы (*array*): упорядоченная коллекция, которая, в отличие от объектов, предоставляет методы управления порядком элементов.

**Содержат коллекцию примитивных или объектных типов данных** \`\`\`javascript // Объявление let arr = new Array(); let arr = []; // Хранение элементов и обращение к ним let arr = [ 'Яблоко', { name: 'Джон' }, true, function() { alert('привет'); } ]; // разные типы значений arr[1].name; // получить элемент с индексом 1 (объект) arr[3](); // получить элемент с индексом 3 (функция) и выполнить её // Работа с очередью (pop/push, shift/unshift) let fruits = ["Яблоко", "Апельсин", "Груша"]; fruits.pop(); // Яблоко, Апельсин fruits.push("Груша"); // Яблоко, Апельсин, Груша fruits.shift(); // Апельсин, Груша fruits.unshift("Яблоко"); // Яблоко, Апельсин, Груша // Перебор элементов let arr = ["Яблоко", "Апельсин", "Груша"]; for (let i = 0; i < arr.length; i++) { alert(arr[i]); } for (let item of arr) { alert(item); } for (let key in arr) { // Технически массив является объектом => for...in к нашим услугам alert(arr[key]); } // Свойство length let arr = [1, 2, 3]; arr.length // 3 arr[10] = 10; arr.length // 10 arr.length = 2; arr.length // 2 arr.length = 5; arr[2] // Undefined (значения не восстанавливаются после укорачивания длины) \`\`\`
**Варианты НЕПРАВИЛЬНОГО применения массива**: \`\`\`javascript let arr = []; // Добавление нечислового свойства arr.test = 5 // Создание «дыр» arr[0] = 2; arr[231] = 4; // Заполнение массива в обратном порядке arr[231] = 4; arr[0] = 2; \`\`\` `34:[] 2e:{"title":"Переменные, типы данных, арифметика, объекты и коллекции","cells":[{"id":0,"value":"\n# Переменные, типы данных, арифметика, объекты и коллекции\nJS, как и любой другой ЯП, предоставляет возможность использования таких типов данных, как: числа, логические переменные, массивы, строки и т.п., однако, работа с ними имеет множество особенностей, и в этой части лекции мы их и рассмотрим. \n***\n### Оглавление\n- [Типы данных](#types)\n- [Арифметика](#calc)\n- [Объекты](#obj)\n- [Массивы](#arr)\n","pinned":false,"hidden":false,"mode":"md"},{"id":15,"value":"types = md`\n## Типы данных\n- Примитивные типы данных (7 видов): *string*, *number*, *boolean*, *symbol*, *null*, *undefined* и *bigint*.

\n**Содержат одно значение**\n
\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":137,"value":"checkTypes();","pinned":false,"hidden":false,"mode":"ojs"},{"id":126,"value":"function checkTypes() {\n const obj = {};\n obj.str = typeof 'Вау, строка';\n obj.num = typeof 76.342;\n obj.bool = typeof true;\n obj.symbol = typeof Symbol('sym');\n obj.null = typeof null;\n obj.undef = typeof obj.notExist;\n obj.bigint = typeof 1234567890123456789012345678901234567890n;\n return(obj);\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":220,"value":"md `\n- Объекты и, как частный случай, функции (про них обоих чуть позже)\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":431,"value":"md`\n### Виды переменных\n- \\`let\\` - переменная, доступная только в том блоке кода, где она объявлена. \n- \\`const\\` - неизменяемая величина.\n- \\`var\\` - глобальная переменная - устарела в связи с такими проблемами, как: отсутствие блочной области видимости, повторное объявление и др.\n\n\\`\\`\\`javascript\n function foo() {\n let a = 'Лекция';\n a = 'Крутая лекция';\n\n let a2, a3 = 'between', a4; // можно объявлять сразу несколько\n\n const b = false;\n b = true; // Ошибка\n \n var c = 23.38;\n }\n alert(c); //23.38;\n\\`\\`\\`\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":611,"value":"{\n function a() {\n console.log(b); // undefined\n if (true) {\n console.log(b); // unedfined\n var b = 2;\n console.log(b); // 2\n }\n console.log(b); // 2\n}\nconsole.log(b) // error\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":274,"value":"md`\n
\n### Немного интересностей про типы данных\n#### Приведение типов\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":321,"value":"Number(\"123\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":355,"value":"+\"123\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":325,"value":"String(321)","pinned":true,"hidden":false,"mode":"ojs"},{"id":314,"value":"md`\n
\n#### Числа\n- e = замена указанного количества нулей\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":340,"value":"7.3e9","pinned":true,"hidden":false,"mode":"ojs"},{"id":344,"value":"1e-6","pinned":true,"hidden":false,"mode":"ojs"},{"id":367,"value":"md`\n
\n- Неточные вычисления\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":348,"value":"0.1 + 0.2 == 0.3","pinned":true,"hidden":false,"mode":"ojs"},{"id":350,"value":"0.1 + 0.2","pinned":true,"hidden":false,"mode":"ojs"},{"id":352,"value":"(0.1 + 0.2).toFixed(2)","pinned":true,"hidden":false,"mode":"ojs"},{"id":486,"value":"md`\n
\n- Преобразования к числу\n`","pinned":true,"hidden":false,"mode":"ojs"},{"id":488,"value":"+\"100px\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":490,"value":"parseInt('100px')","pinned":true,"hidden":false,"mode":"ojs"},{"id":494,"value":"parseInt('12.3')","pinned":true,"hidden":false,"mode":"ojs"},{"id":498,"value":"parseInt('a123')","pinned":true,"hidden":false,"mode":"ojs"},{"id":492,"value":"parseFloat('12.5em')","pinned":true,"hidden":false,"mode":"ojs"},{"id":496,"value":"parseFloat('12.3.4')","pinned":true,"hidden":false,"mode":"ojs"},{"id":332,"value":"md`\n
\n#### Строки\n- Спецсимволы\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":380,"value":"\"Guests:\\n * John\\n * Pete\\n * Mary\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":390,"value":"'Hello\\nWorld';","pinned":true,"hidden":false,"mode":"ojs"},{"id":393,"value":"`Hello\nWorld`","pinned":true,"hidden":false,"mode":"ojs"},{"id":396,"value":"\"Hello\\nWorld\" == `Hello\nWorld`","pinned":true,"hidden":false,"mode":"ojs"},{"id":376,"value":"md`\n
\n- Длинные юникодные коды\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":410,"value":"\"\\u00A9\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":414,"value":"\"\\u{1F60D}\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":448,"value":"\"JS 😍\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":502,"value":"md`\n
\n- Интерполяция строк\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":521,"value":"interpolation()","pinned":true,"hidden":false,"mode":"ojs"},{"id":505,"value":"function interpolation() {\n let age = 25;\n const countDogs = 2;\n return `I am ${age} years old and I have ${countDogs} dogs`;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":416,"value":"md`\n
\n- Строки неизменяемы\n\\`\\`\\`javascript\n let str = 'Hi';\n str[0] = 'h'; // ошибка\n\\`\\`\\`\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":467,"value":"md`\n- Отсутствие **char** как типа данных в JS\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":28,"value":"calc = md`
\n## Арифметика\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":609,"value":"md`\n- Математические операторы JS:\n * Сложение +,\n * Вычитание -,\n * Умножение *,\n * Деление /,\n * Взятие остатка от деления %,\n * Возведение в степень **.\n\n
\n**Унарный оператор** - применяется к одному операнду.\n
\n**Бинарный оператор** - применяется между двумя операндами.\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":622,"value":"7 + 2\n","pinned":true,"hidden":false,"mode":"ojs"},{"id":624,"value":"7 - 6","pinned":true,"hidden":false,"mode":"ojs"},{"id":632,"value":"4 * 32","pinned":true,"hidden":false,"mode":"ojs"},{"id":635,"value":"5 / 2","pinned":true,"hidden":false,"mode":"ojs"},{"id":638,"value":"7 % 4","pinned":true,"hidden":false,"mode":"ojs"},{"id":642,"value":"5**3","pinned":true,"hidden":false,"mode":"ojs"},{"id":647,"value":"unaryOperator()","pinned":true,"hidden":false,"mode":"ojs"},{"id":644,"value":"function unaryOperator() {\n let a = 5;\n return -a;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":653,"value":"md`\n[Приоритеты операторов](https://developer.mozilla.org/ru/docs/Web/JavaScript/Reference/Operators/Operator_Precedence) (основные):
\n17 -\tунарный плюс\t+
\n17 -\tунарный минус\t-
\n16 -\tвозведение в степень\t**
\n15 -\tумножение\t*
\n15 -\tделение\t/
\n13 -\tсложение\t+
\n13 -\tвычитание\t-
\n…\t…\t…
\n3 -\tприсваивание\t=\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":667,"value":"md`\n
\n- Сокращённая арифметика - применить оператор к переменной и сохранить результат в ней же\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":675,"value":"fastSum(5, 2)","pinned":true,"hidden":false,"mode":"ojs"},{"id":688,"value":"fastMult(3, 9)","pinned":true,"hidden":false,"mode":"ojs"},{"id":672,"value":"function fastSum(n, m) {\n return n += m;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":679,"value":"function fastMult(n, m) {\n return n *= m;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":552,"value":"md`\n
\n- Округление\n * Math.floor - округление в меньшую сторону\n * Math.ceil - округление в большую сторону\n * Math.round - округление до ближайшего целого\n * Math.trunc - производит удаление дробной части без округления (не поддерживается в Internet Explorer)\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":527,"value":"Math.floor(3.1)","pinned":true,"hidden":false,"mode":"ojs"},{"id":529,"value":"Math.floor(-1.1)","pinned":true,"hidden":false,"mode":"ojs"},{"id":531,"value":"Math.ceil(3.1)","pinned":true,"hidden":false,"mode":"ojs"},{"id":533,"value":"Math.ceil(-1.1)","pinned":true,"hidden":false,"mode":"ojs"},{"id":535,"value":"Math.round(3.1)","pinned":true,"hidden":false,"mode":"ojs"},{"id":537,"value":"Math.round(3.6)","pinned":true,"hidden":false,"mode":"ojs"},{"id":539,"value":"Math.round(-1.1)","pinned":true,"hidden":false,"mode":"ojs"},{"id":544,"value":"Math.trunc(3.1)","pinned":true,"hidden":false,"mode":"ojs"},{"id":549,"value":"Math.trunc(-1.1)","pinned":true,"hidden":false,"mode":"ojs"},{"id":724,"value":"md`\n
\n- Операторы сравнения: из любимой нами математики: >, >=, <, <=, != (не равно), == (в JS двойное равенство обозначает сравнение, одинарное - присваивание).\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":731,"value":"8 >= 8","pinned":true,"hidden":false,"mode":"ojs"},{"id":733,"value":"5 != 3 + 4 - 2","pinned":true,"hidden":false,"mode":"ojs"},{"id":735,"value":"3 == 2","pinned":true,"hidden":false,"mode":"ojs"},{"id":737,"value":"9 > 0","pinned":true,"hidden":false,"mode":"ojs"},{"id":694,"value":"md`\n
\n- Логические операторы: для операций над логическими значениями в JavaScript есть || (ИЛИ), && (И) и ! (НЕ).\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":707,"value":"5 > 3 || 5 < 7","pinned":true,"hidden":false,"mode":"ojs"},{"id":713,"value":"4 < 4 || 4 > 6","pinned":true,"hidden":false,"mode":"ojs"},{"id":715,"value":"5 == 5 && 2 > 3","pinned":true,"hidden":false,"mode":"ojs"},{"id":717,"value":"5 == 5 && 2 >= 2","pinned":true,"hidden":false,"mode":"ojs"},{"id":719,"value":"!(5 > 2)","pinned":true,"hidden":false,"mode":"ojs"},{"id":722,"value":"!(17 < 13)","pinned":true,"hidden":false,"mode":"ojs"},{"id":30,"value":"$30","pinned":false,"hidden":false,"mode":"ojs"},{"id":565,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":575,"value":"$32","pinned":false,"hidden":false,"mode":"ojs"},{"id":32,"value":"$33","pinned":false,"hidden":false,"mode":"ojs"},{"id":456,"value":"## Встроенные типы коллекций","pinned":true,"hidden":false,"mode":"md"},{"id":460,"value":"md`### Map`","pinned":true,"hidden":false,"mode":"ojs"},{"id":463,"value":"md`### Set`","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W34","stdlib":"1","titling":"auto"}