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

**Содержат коллекции и более сложные сущности** \`\`\`javascript // Объявление const user = new Object(); // синтаксис "конструктор объекта" const user = { // литеральный синтаксис name: "John", age: 30 }; // Удаление/добавление свойств delete user.age; user.height = 172; // При добавлении явно прописываем новое свойство // Свойства, состоящие из нескольких слов user["likes birds"] = true; // присваивание значения свойству user["likes birds"]; // получение значения свойства delete user["likes birds"]; // удаление свойства // Вычисляемые свойства const startProperty = 'start'; const time = { [startProperty + 'Time']: 2 // time.startTime = 2 }; // Свойства из переменной function makeUser(name, age) { return { name, // то же самое, что и name: name age // то же самое, что и age: age // Следующие свойства }; } const user = makeUser("John", 30); user.name; // John // Проверка существования свойства const user = { name: "John", age: 30 }; alert("age" in user); // true, user.age существует alert("blabla" in user); // false, user.blabla не существует // Цикл "for...in" const user = { name: "John", age: 30, isAdmin: true }; for (let key in user) { alert( key ); // name, age, isAdmin (ключи) alert( user[key] ); // John, 30, true (значения ключей) } // Целочисленные свойства const codes = { "49": "Германия", "41": "Швейцария", "44": "Великобритания", // .., "1": "США" }; // При переборе, целочисленные свойства упорядочиваются for (let code in codes) { alert(code); // 1, 41, 44, 49 } \`\`\` `32: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; \`\`\` `33:T832,md`
**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 (и так далее) } \`\`\` `34:T7ee,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; }); \`\`\` `35:[] 2f:{"title":"Переменные и типы данных (3/9)","cells":[{"id":0,"value":"\n# Переменные и типы данных (3/9)\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 видов): \n * \\`string\\`\n * \\`number\\`\n * \\`boolean\\`\n * \\`symbol\\`\n * \\`null\\`\n * \\`undefined\\`\n * \\`bigint\\`

\n\nДля получения информации о типе используется оператор \\`typeof\\`\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":126,"value":"({\n str: typeof \"Вау, строка\",\n num: typeof 76.342,\n bool: typeof true,\n symbol: typeof Symbol(\"sym\"),\n null: typeof null,\n undef: typeof obj.notExist,\n bigint: typeof 1234567890123456789012345678901234567890n\n})","pinned":true,"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":"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}","pinned":true,"hidden":false,"mode":"ojs"},{"id":274,"value":"md`\n
\n### Немного интересностей про типы данных\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":314,"value":"md`\n#### Числа\nЧисла в экспоненциальной форме\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":340,"value":"7.3e9","pinned":true,"hidden":false,"mode":"ojs"},{"id":367,"value":"md`\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`","pinned":false,"hidden":false,"mode":"ojs"},{"id":490,"value":"parseInt('100px')","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":906,"value":"Infinity","pinned":true,"hidden":false,"mode":"ojs"},{"id":332,"value":"md`\n#### Строки\nВ JS нет типа символ. Сивол интерпретируется как строка длины 1.\nЕсть три разных литерала строки\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":380,"value":"\"double, \" + \"single, \" + `backticks`","pinned":true,"hidden":false,"mode":"ojs"},{"id":799,"value":"md`Строки можно интерполировать`","pinned":false,"hidden":false,"mode":"ojs"},{"id":797,"value":"`Пример интерполяции ${ \"строки\".toUpperCase() }`","pinned":true,"hidden":false,"mode":"ojs"},{"id":376,"value":"md`\nСтроки в JS по умолчани поддерживают Unicode\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":414,"value":"\"\\u{1F60D} JS 🔥 \\u00A9\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":416,"value":"md`\nСтроки неизменяемы\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":818,"value":"{\n let str = \"Hi\";\n str[0] = \"h\"; // ошибка\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":841,"value":"
\n#### Приведение типов\nСуществует явный синтаксис приведения типов через вызов конструкторов","pinned":false,"hidden":false,"mode":"md"},{"id":849,"value":"Number(\"123\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":853,"value":"+\"123\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":855,"value":"String(321)","pinned":true,"hidden":false,"mode":"ojs"},{"id":859,"value":"Boolean(1)","pinned":true,"hidden":false,"mode":"ojs"},{"id":861,"value":"Boolean(\"\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":866,"value":"Boolean(\"string\")","pinned":true,"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":"-2","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 двойное равенство обозначает сравнение, одинарное - присваивание). Важно знать, что в 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 == \"3\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":909,"value":"3 === \"3\"","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":911,"value":"\"2\" || \"4\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":30,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":32,"value":"$32","pinned":false,"hidden":false,"mode":"ojs"},{"id":456,"value":"## Встроенные типы коллекций","pinned":true,"hidden":false,"mode":"md"},{"id":744,"value":"$33","pinned":false,"hidden":false,"mode":"ojs"},{"id":746,"value":"$34","pinned":false,"hidden":false,"mode":"ojs"},{"id":918,"value":"
\nВернуться на [главную страницу](https://observablehq.com/@solovevserg/js-course?collection=@solovevserg/js)","pinned":false,"hidden":false,"mode":"md"}],"files":"$W35","stdlib":"1","titling":"auto"}