Скачать "#12 Возможности ES6 или ECMAScript 2015, Супер JavaScript, Основы"
%3Aformat(webp)%2Fi.ytimg.com%252Fvi%252F-hzVbRz0IaI%252Fmaxresdefault.jpg&w=1139&q=75)
Подождите немного, мы готовим ссылки для удобного просмотра видео без рекламы и его скачивания.
Похожие ролики из нашего каталога
%3Aformat(webp)%2Fi.ytimg.com%252Fvi%252F0oHYhzb-dNQ%252Fmaxresdefault.jpg&w=1139&q=75)
%3Aformat(webp)%2Fi.ytimg.com%252Fvi_webp%252F0vQMTKeIkcE%252Fmaxresdefault.webp&w=1139&q=75)
%3Aformat(webp)%2Fi.ytimg.com%252Fvi%252F6zPhOU2cxjw%252Fmaxresdefault.jpg&w=1139&q=75)
%3Aformat(webp)%2Fi.ytimg.com%252Fvi_webp%252FHU78HrKW9XI%252Fmaxresdefault.webp&w=1139&q=75)
%3Aformat(webp)%2Fi.ytimg.com%252Fvi%252FM-peGbXCvNA%252Fmaxresdefault.jpg&w=1139&q=75)
%3Aformat(webp)%2Fi.ytimg.com%252Fvi%252FMxRT9oiEScU%252Fmaxresdefault.jpg&w=1139&q=75)
%3Aformat(webp)%2Fi.ytimg.com%252Fvi_webp%252FTi2Q4sQkNdU%252Fmaxresdefault.webp&w=1139&q=75)
%3Aformat(webp)%2Fi.ytimg.com%252Fvi_webp%252FUGS3AR4WvjE%252Fmaxresdefault.webp&w=1139&q=75)
%3Aformat(webp)%2Fi.ytimg.com%252Fvi%252Fn6MPK-3Dr10%252Fmaxresdefault.jpg&w=1139&q=75)
%3Aformat(webp)%2Fi.ytimg.com%252Fvi_webp%252FvxpoEiEF5wQ%252Fmaxresdefault.webp&w=1139&q=75)
Теги видео
Субтитры
Английский
00:00:00
[музыка]00:00:05
в этом уроке мы рассмотрим какие еще00:00:08
новшества есть в языке java script00:00:11
который мы до сих пор ещё не изучали и00:00:14
все они появились в стандарте ecmascript00:00:17
6 сейчас перед вами открыта страница с00:00:23
поддержкой стандарта ecmascript 5 он уже00:00:27
очень старый и поэтому поддерживается00:00:31
практически всеми браузерами как вы00:00:34
видите вот из этой цифры глобальная00:00:36
поддержка 99 процентов то есть00:00:38
практически все браузеры поддерживают00:00:41
ecmascript 5 если ваш код будет написан00:00:45
на экм a script 5 то он будет работать00:00:47
абсолютно везде как вы видите все00:00:49
браузеры отмечены зелененьким и00:00:53
поддержка максимальная но теперь давайте00:00:56
взглянем на страницу с acme скрипт 600:00:59
это стандарт уже пятилетней давности он00:01:02
появился в 2015 году но сейчас как вы00:01:06
видите поддержка у него также очень00:01:08
высоко 97 процентов00:01:10
но тем ни менее интернет эксплорер00:01:12
например плохо его до сих пор00:01:14
поддерживает opera mini полностью не00:01:17
поддерживает и еще вот здесь два00:01:19
браузера есть которые частично00:01:20
поддерживают данный стандарт в принципе00:01:24
можно писать на данном стандарте не00:01:27
опасаясь00:01:28
и скорее всего везде ваш код будет00:01:30
работать но для того чтобы точно быть00:01:33
уверенным что вы напишите какой то00:01:36
скрипт и он будет работать на любых00:01:39
устройствах и любых браузерах существует00:01:42
такой вот компилятор бейгл00:01:46
который позволяет нам перевести java00:01:49
script из нового стандарта в старый00:01:52
стандарт он так же может делать много00:01:53
чего еще00:01:54
но нас интересует именно это на вот этой00:01:57
вкладке трой00:01:58
it out мы можем ввести вот здесь слева00:02:02
какой-то код выбрать здесь слева в00:02:06
пресетах00:02:07
я с 2015 и после этого здесь на выходе00:02:12
мы получим код в предыдущем стандарте он00:02:16
будет точно также работать весь тот же00:02:18
функционал00:02:19
но код будет намного больше и написан00:02:23
немного другими способами00:02:26
давайте сейчас здесь создадим простой00:02:28
класс у него будет одна переменная со00:02:32
значением 5 по умолчанию и один метод00:02:35
вот такой вот простой класс мы сейчас00:02:38
создали шесть строк00:02:39
он написан на экм a script часть у нас и00:02:43
как вы видите весь этот код всего лишь00:02:46
шесть строк превратились вот в такой вот00:02:48
большой код написанный на предыдущем00:02:53
стандарте ecmascript 5 этот код будет00:02:56
делать у нас абсолютно тоже самое когда00:02:58
мы будем его запускать но при этом этот00:03:03
код лучше поддерживается в браузерах00:03:06
поэтому для надежности можно свой код00:03:10
компилировать таким образом в предыдущей00:03:12
стандарт у себя на компьютере сохранять00:03:16
код написанный в новом стандарте чтобы00:03:18
вам было удобно с ним работать а уже00:03:20
финальной версии какого-то сайта00:03:23
добавлять именно такой вот скрипт для00:03:26
обеспечения максимальной поддержки00:03:30
другими браузерами и устройствами но00:03:33
сейчас мы посмотрели как вообще00:03:35
поддерживаются стандарты с5 и с6 и как00:03:39
можно есть шесть превратить в есть пять00:03:41
для того чтобы обеспечить лучшую00:03:43
поддержку но давайте рассмотрим еще00:03:45
дополнительные функции которые есть в с600:03:49
но мы их еще не рассматривали00:03:51
и посмотрим что же они нам дают многое00:03:56
из того что мы уже рассмотрели00:03:58
была введена в стандарте есть шесть я об00:04:00
этом даже не упоминал00:04:02
и мы сразу же пользовались всеми новыми00:04:05
удобствами этого стандарта но сейчас я00:04:08
покажу вам еще дополнительные00:04:10
возможности которые появились в ис-6 с00:04:14
помощью слова лет мы создавали00:04:16
переменную но если мы хотим сделать00:04:18
переменную не изменяя00:04:19
мы мы можем использовать слово const00:04:22
указываем любое здесь название и любое00:04:26
значение00:04:30
теперь с этой переменной мы можем00:04:32
работать но если мы захотим ее изменить00:04:34
например указать ей новое значение мы00:04:37
получаем данную ошибку потому что это у00:04:41
нас константа00:04:42
ее никак нельзя изменять самостоятельно00:04:45
ее можно указать один раз при создании с00:04:49
каким-то значением и всегда она будет00:04:51
именно с таким значением теперь00:04:53
рассмотрим оператор расширение00:04:55
создадим простую функцию которая будет00:04:58
принимать00:04:59
a и b и возвращать результат сложения00:05:03
этих двух чисел максимально простая00:05:06
функция теперь создадим здесь массив из00:05:09
двух каких-то значений и вызовем нашу00:05:14
функцию00:05:19
передадим суда в качестве параметра наш00:05:23
массив00:05:24
но добавим спереди три точки это и есть00:05:27
оператор расширения и как вы видите у00:05:31
нас были сложены вот эти два значения из00:05:35
массива 4 подстраивать в качестве a800:05:39
подставить в качестве b и они сложились00:05:42
у нас благодаря вот этому оператору00:05:43
расширения этот массив разбился на00:05:46
отдельные значения и подставился в00:05:48
качестве этих аргументов может00:05:50
показаться сложным но иногда это намного00:05:53
удобнее применить когда у вас есть00:05:55
какой-то массив с данными и их нужно00:05:57
быстро передать функцию поэтому можно00:06:00
использовать три точки и таким образом00:06:02
мы можем массив передать функцию в00:06:05
качестве отдельных параметров теперь00:06:09
давайте рассмотрим деструктивное00:06:11
присваивание например мы хотим создать00:06:14
несколько переменных и сразу же задать00:06:16
им какие-то значения мы можем00:06:19
использовать здесь00:06:21
лет создании переменной и здесь00:06:24
указываем название наших переменных00:06:25
пусть это будет a b c и d после этого мы00:06:30
указываем знак равно и здесь у нас также00:06:35
массив с какими-то значениями нажимая00:06:41
выполнить и теперь у нас создана четыре00:06:44
отдельные переменные а не массив с ними00:06:46
и мы их можем использовать по00:06:48
отдельности как вы видите00:06:52
каждое из этих переменных записано свое00:06:55
значение из данного массива это00:06:57
называется деструктивное присваивание и00:06:59
вместо того чтобы писать например вот00:07:02
таким образом light a равно указывать00:07:06
какой-то массив 0 яндекс лет b равно00:07:12
индекс 1 и так далее мы можем сразу в00:07:15
одной строке присвоить нескольким00:07:17
переменным какие-то значения из массива00:07:20
мы уже вкратце касались темы стрелочных00:07:23
функций и сейчас рассмотрим их немного00:07:26
подробнее стрелочным функцию можно00:07:29
создать следующим образом00:07:31
указываем00:07:32
здесь название после знака равно00:07:37
указываем круглые скобки с параметрами00:07:43
далее указываем равно00:07:46
и такую вот скобку треугольную и ставим00:07:50
что-то вроде стрелки открываем фигурные00:07:53
скобки и делаем какой-то код например00:07:56
просто вернем a + b + c и после этого00:08:00
можем вызывать эту функцию и получать00:08:03
какие-то значения функции созданные с00:08:05
помощью этого синтаксиса являются00:08:08
анонимными00:08:09
если у нас выполняется что-то в одной00:08:13
строке как в этом примере просто require00:08:15
a + b + c можно использовать следующий00:08:19
синтаксис мы просто убираем здесь00:08:21
фигурные скобки убираем реке рн и пишем00:08:24
какое-то выражение и теперь мы можем эту00:08:27
функцию использовать и она у нас также00:08:34
будет работать мы и записали всего лишь00:08:38
в одну строку00:08:41
так как у нас здесь было всего лишь одно00:08:44
выражение самое главное преимущество00:08:46
стрелочных функций перед обычными это то00:08:50
что они сохраняют контекст у всех00:08:53
функций есть свой собственный какой-то00:08:56
контекст что это означает когда мы00:08:59
создаем функцию у нее можно с помощью00:09:03
слова зис обратиться к ее собственному00:09:06
контексту и мы указываем зис иж например00:09:09
равен нулю и в пределах этой функции00:09:14
здесь речь у нас будет в данном00:09:17
контексте но когда мы создаем здесь00:09:20
дополнительную функцию указываемые в00:09:24
качестве анонимные функции для сет00:09:27
интервал00:09:28
сет интервал у нас просто вызывает00:09:30
какую-то функцию через 1000 миллисекунд00:09:32
то есть раз в секунду он будет вызывать00:09:35
функцию мы здесь передаем эту функцию и00:09:40
мы хотим здесь00:09:41
edge увеличить на единицу и вывести этот00:09:43
здесь edge00:09:44
как мы видим после сохранения и запуска00:09:48
этого кода у нас в консоли00:09:51
абсолютно какой-то непонятный результат00:09:53
почему-то наш возраст не увеличивается и00:09:57
не выводится все происходит потому что у00:10:00
этой функции grow которому мы здесь00:10:02
создали свой собственный зис и вот этот00:10:05
здесь внутри данной функции00:10:07
это не тоже самое что dice в нашей00:10:10
внешней функции00:10:11
person и как раз таки для такого случая00:10:15
мы здесь указываем стрелочные функцию00:10:18
просто указываем круглые скобки стрелку00:10:21
и тело функцию точно таким же образом00:10:25
как и было раньше и теперь как вы видите00:10:28
все у нас работает00:10:29
эти два слова зис это один и тот же00:10:32
контекст нашей функции person00:10:34
и таким образом у нас каждую секунду это00:10:37
значение увеличивается на единицу и00:10:39
выводится это самый простой пример на00:10:42
котором можно продемонстрировать что00:10:45
такое контекст и как его сохранить с00:10:49
помощью стрелочных функций и как раз00:10:52
таки он заключается именно на00:10:54
демонстрации того что у каждой функции00:10:57
слово здесь это что-то свое собственное00:11:00
и для того чтобы внутри вложено каких то00:11:03
функция не совпадали мы используем00:11:05
стрелочные функции теперь думаю понятно00:11:07
что стрелочные функции это не только00:11:10
способ более короткой записи функции но00:11:13
еще и очень полезный механизм который00:11:16
нужно использовать с умом только в тех00:11:18
ситуациях когда это действительно00:11:19
требуется и можно сохранить контекст00:11:22
таким образом и ваш код будет работать00:11:25
так как вы задумали в кого скрипт часть00:11:29
также появилась возможность создания00:11:32
двоичных чисел мы создаем обычную00:11:34
переменную и с помощью00:11:36
0 б мы записываем какое-то любое00:11:39
значение 0 б указывает на то что это00:11:42
двоичная система а дальше мы пишем00:11:44
какое-то число из нулей и единиц смотрим00:11:50
и получаем что это у нас ни что иное как00:11:53
число 700:11:55
если вам нужно работать в двоичной00:11:57
системе можно использовать такую запись00:11:59
для того чтобы создавать эти числа в00:12:02
результате мы получаем десятичное00:12:05
значение но здесь можно с ним работать в00:12:08
такой форме если вам нужно работать в00:12:11
восьмеричной системе счисления то можно00:12:13
создать переменную таким образом мы00:12:17
указываем 0 маленькая английская буква о00:12:20
и указываем какое-то число в00:12:23
восьмеричной форме после этого если мы00:12:27
выведем то мы получаем что 10 в00:12:29
восьмеричной системе это у нас 8 в java00:12:33
script все числа представлены в виде00:12:36
числа с плавающей запятой то есть даже00:12:40
если мы запишем какое-то число 18 а она00:12:43
будет воспринято как число 18,0 и для00:12:49
того чтобы проверить является ли число00:12:51
целом появился специальный метод он00:12:54
доступен у класса набор через точку мы00:12:57
указываем метод из интеджер00:13:00
и передаем здесь какое-то число если00:13:04
здесь мы передадим даже число 18,0 то мы00:13:08
получаем true00:13:09
это целое число у нас потому что после00:13:13
запятой у нас ничего нет а если здесь00:13:15
укажем какую-то дробную часть то мы уже00:13:17
видим фолз это означает что число у нас00:13:20
не целая давайте сейчас взглянем на00:13:24
такой код эта функция изгнан00:13:27
не новая функция сейчас мы сначала00:13:29
рассмотрим ее а потом новый аналог и из00:13:32
с 6 существует такое специальное00:13:35
значение нам записывается именно так и00:13:38
вы видите сразу синтаксис здесь00:13:39
подсвечивается таким голубым цветом и00:13:43
это значение у нас иногда возникает само00:13:45
собой то есть мы его не создаем таким00:13:48
образом искусственно как сейчас а при00:13:51
каких-то наших операциях она может у нас00:13:54
появится в какой-то переменной и мы00:13:56
можем с помощью этого значения проверять00:13:59
что это у нас не число но функция из нас00:14:04
старая функция работать таким образом00:14:06
что она возвращает нам00:14:08
фолз только в том случае если у нас00:14:12
действительно переданное число то есть00:14:14
мы видим сейчас что да у нас 12 мы00:14:16
получили в результате фолз то есть она у00:14:19
нас не равно этому значению нам а во00:14:23
всех остальных случаях будь то строка с00:14:26
таким текстом или само значение на00:14:28
или любая другая строка мы получаем true00:14:31
но если нам нужно проверить конкретно00:14:33
это значение нам с этой функции мы не00:14:36
сможем добиться нужного результата00:14:38
поэтому здесь у нас появился в с600:14:41
новый метод у класса намбер нам здесь00:14:46
нужно только то писать нам бар поставить00:14:48
точку и название такой же у нас из нам у00:14:51
этого метода но он работает уже по00:14:53
другому как вы видите мы всегда получаем00:14:55
фолз кроме того случая когда у нас00:14:58
действительно здесь это значение нам00:15:00
сейчас вам может это показаться00:15:02
абсолютно бесполезной информации но если00:15:04
вы будете создавать какие-то функции00:15:07
работающие с числами какие-то алгоритмы00:15:09
различные математические расчеты то00:15:12
этого может быть очень полезна и вот это00:15:15
значение нам очень часто всплывает00:15:17
при каких-то ошибках и может у вас в00:15:21
переменной появится это значение а с00:15:23
помощью этого метода мы можем как раз00:15:25
так и проверить появилась ли у нас это00:15:27
значение в переменной и предпринять00:15:29
какие то действия уже в зависимости от00:15:32
этого также в есть шесть появились00:15:36
дополнительные тригонометрические методы00:15:39
в библиотеке мэс это гиперболический00:15:42
синус косинус тангенс обратной00:15:45
гиперболический синус косинус и тангенс00:15:47
и теорема пифагора все эти методы00:15:49
записываются таким образом я сейчас вам00:15:52
просто показываю как они записываются00:15:55
как называются и что они выводят в00:15:57
результате если же вы столкнетесь с00:16:01
задачи когда вам нужно будет применить00:16:03
что-то из тригонометрии вы уже будете00:16:05
знать что есть такие готовые методы00:16:08
которые нужно просто использовать и00:16:11
сразу же получить какой-то результат00:16:13
поэтому мы долго на них сейчас00:16:16
останавливаться не будем и нет никакого00:16:18
смысла сейчас подробно рассматривать00:16:21
эти методы по отдельности так же как и с00:16:23
тригонометрическими00:16:25
методами мы рассмотрим 5 методов которые00:16:28
появились это алгебраические методы для00:16:31
вычисления логарифма по основанию 2 по00:16:33
основанию 1000:16:35
также функция которая делает логарифм 100:16:39
плюс какое-то значение функция обратная00:16:43
предыдущий и корень кубический если00:16:47
требуется извлечь00:16:48
можно сразу же использовать готового00:16:50
такую функцию это как sqrt только не для00:16:53
квадратного корня а для кубического00:16:55
также не будем останавливаться долго на00:16:58
этих методах просто знаете что они00:17:00
существуют в данные встроенной00:17:02
библиотеки и можно их использовать при00:17:04
необходимостью также у нас появился00:17:06
метод sein который позволяет определить00:17:10
знак числа если мы получаем в результате00:17:14
единицу то это значит число00:17:16
положительное00:17:17
если -1 отрицательное если 0 число равно00:17:20
нулю00:17:21
как вы видите из трех этих строк кода мы00:17:24
получаем такие вот результаты теперь00:17:28
рассмотрим несколько методов для работы00:17:31
с страховым типом данных например мы00:17:33
хотим какую-то строку повторить00:17:35
несколько раз это можно просто вывести00:17:37
или записать в переменную но суть в том00:17:40
что это работает следующим образом мы00:17:43
указываем метод рипит для какой-то00:17:45
строки и в скобках передаем сколько раз00:17:48
нам нужно повторить например три раза мы00:17:50
хотим повторить эту строку str и мы00:17:53
выводим стр стр стр 3 раза это можно00:17:56
записать в переменную00:17:58
если требуется так и вот образом точно00:18:01
так же это будет у нас все работать и00:18:03
это перемена у нас будет доступна для00:18:06
дальнейших каких-то действий как вы00:18:08
видите поэтому метод рипит00:18:10
можно использовать для повтора какого-то00:18:12
строго выражения для того чтобы найти00:18:15
одну строку в другой можно использовать00:18:19
метод includes например мы хотим в00:18:21
строке00:18:22
стр выполнить поиск мы указываем метод00:18:25
includes и здесь в скобках мы передаем00:18:29
значение которое мы будем искать00:18:31
например мы будем искать00:18:33
слово simple видим утру то есть такая00:18:36
строка simple присутствует в нашей00:18:39
строке стр здесь также через запятую00:18:42
можно указать второй параметр позишн эта00:18:48
позиция индекс00:18:51
с которого нужно начать поиск давайте00:18:53
укажем например с какого-нибудь 1200:18:56
индекса и видим уже фолз потому что мы00:19:00
начали примерно вот отсюда поиск и здесь00:19:04
уже дальше это слово не встречается00:19:06
поэтому при необходимости здесь можно00:19:07
указывать индекс00:19:09
с которого вы хотите начать поиск также00:19:12
существуют два метода которые позволяют00:19:15
проверить начинается ли строка с00:19:17
какого-то слова или заканчивается00:19:20
они называются таким образом starts00:19:24
виз и and wise то есть мы указываем00:19:30
здесь например холов00:19:32
так же здесь можно указывать индекс с00:19:34
которого мы хотим начать00:19:35
но так как мы хотим самого начала все00:19:37
проверить мы указываем просто хэллоу00:19:40
и видим что действительно true у нас00:19:41
возвращается если мы здесь укажем00:19:44
например не запятую а пробел то мы сразу00:19:46
получим фолз потому что строка здесь00:19:48
продолжается немного по-другому так же00:19:50
метод у нас and позволяет нам проверить00:19:56
заканчивается ли строка на вот такое00:20:00
выражение мы сейчас видим falls00:20:02
если мы укажем здесь например такое вот00:20:06
значение то получаем сразу true потому00:20:08
что у нас действительно в конце именно00:20:10
три этих символа и присутствуют методы00:20:13
includes старцев и сын swiss очень00:20:16
простые но могут очень пригодиться нам00:20:19
при работе со стропами у массива00:20:22
появился метод фил который позволяет00:20:24
заполнять нам значение массива00:20:27
каким-то новым значением то есть мы00:20:29
например хотим наш вот этот вот массив00:20:31
полностью завести все нули вместо вот00:20:34
этих значений мы указываем00:20:36
массива метод фил в скобках передаем 0 и00:20:41
тем самым весь наш массив заполняется00:20:43
нулями мы видим сразу же это все в00:20:46
результате тут также существуют два00:20:48
параметра это стартовый индекс с00:20:51
которого мы хотим начать заполнение и00:20:53
конечный если мы укажем только стартовый00:20:57
например 1 то мы видим что у нас 100:21:01
индекса все заполнилась нулями нулевой00:21:03
индекс00:21:04
остался как и был числом 5 если мы00:21:07
укажем еще и конечный индекс например 200:21:09
то мы здесь всего лишь одно число00:21:13
изменили на 0 а все остальные мы не00:21:17
трогали чем-то данный метод похож на00:21:19
splyce но также может быть очень полезен00:21:23
если нужно в массив помещать какие-то00:21:25
определенные значения для того чтобы00:21:28
изменить содержимое массива также у00:21:31
массива есть три метода00:21:33
entries кейс и вильнюс они вызываются00:21:37
таким вот образом как и все остальные00:21:39
методы и возвращают нам следующие00:21:42
результаты если мы выведем эти три00:21:44
переменные которые мы сейчас создали с00:21:47
помощью соответствующих методов00:21:48
мы видим здесь в консоли и рэй итератора00:21:51
для того чтобы посмотреть что у нас из00:21:53
этого получилось мы здесь как раз таки00:21:55
используем наши три точки которые мы00:21:58
рассмотрели ранее00:21:59
добавляем их сейчас везде и сразу же00:22:02
будет понятно что делают эти три метода00:22:04
у нас был изначальный вот такой массив00:22:07
со значениями а b и c и вы видите что у00:22:11
и льюс у нас возвращает эти самые00:22:14
значения a b и c кейс возвращает у нас00:22:18
индексы 0 1 и 2 а00:22:22
entries возвращает у нас индекс и00:22:25
значение и это все у нас в виде массивов00:22:27
как вы видите у нас получается здесь три00:22:30
массива для трех этих значений указан00:22:34
яндекс и указано значение в каждом из00:22:37
этих массивов и таким образом также00:22:39
можно использовать эти три метода если00:22:42
необходимо получить ключи и значения из00:22:45
массива00:22:47
самое главное здесь не забывать про вот00:22:49
эти три точки потому что у нас в00:22:51
результате получается и рэй итератора00:22:54
также в этом скрипте 6 мы можем работать00:22:56
с множествами00:22:58
создаются они с помощью new set00:23:01
множество чем-то похоже у нас на массив00:23:05
но в нем не могут повторяться какие-то00:23:07
элементы у него и свои собственные00:23:09
методы и так же нам даёт это какие-то00:23:12
возможности при выполнении различных00:23:17
математических задач с помощью метода от00:23:21
мы можем добавить какое-то значение мы00:23:23
добавляем 1 2 3 и один но так как00:23:27
элементы у нас не могут повторяться00:23:28
единица второй раз у нас добавляться не00:23:31
будет в результате мы видим сет 12300:23:35
здесь в консоли и видим что дубликатов00:23:39
здесь как раз таки нету они у нас00:23:41
фигурных скобках и указано что это сет00:23:43
именно множество то есть это и вроде бы00:23:46
не массив и не объект но реализуется он00:23:49
именно по таким технологиям00:23:51
просто с множествами удобнее работать в00:23:54
некоторых ситуациях00:23:55
если мы используем метод he's the мы00:23:58
можем проверить00:23:59
имеется ли какое-то значение в этом00:24:01
множестве например значения 400:24:03
нету поэтому мы видим в результате фолз00:24:06
сайт . says указывает размер нашего00:24:09
множество с помощью удалит мы можем00:24:12
удалить какой-то элемент из множества мы00:24:16
сейчас стали ли элемент 2 и видим новый00:24:18
наш сет с элементами 1 и 3 и методом00:24:22
clear мы можем полностью очистить и00:24:24
видим просто пустое множество у нас00:24:26
сейчас здесь образовалась есть очень00:24:30
крутой лайфхак сейчас я вам покажу как с00:24:32
помощью множества можно избавить наш00:24:34
массив от дубликатов например у нас есть00:24:37
обычный массив с какими-то00:24:41
значениями абсолютно неважно какие там00:24:45
значения мы указываем некоторые значения00:24:47
повторяющимися и мы хотим просто удалить00:24:51
из этого массива все дубликаты мы можем00:24:55
создать сейчас новый массив и в него00:24:59
записать следующую конструк00:25:01
new set мы создаем множество из нашего00:25:05
массива передаем здесь наш массив00:25:07
круглых скобках после этого указываем00:25:10
здесь три точки и квадратные скобки00:25:13
чтобы создать из всего этого массив00:25:16
такая вот хитрая конструкция но она00:25:21
позволяет нам удалить все дубликаты из00:25:24
массива мы сначала превращаем это все в00:25:27
множество а потом с помощью трех точек и00:25:29
этих квадратных скобках мы обратно00:25:31
превращаем наше множество в массив00:25:33
потому что мы хотим в результате00:25:35
получить также массив чтобы с ним00:25:38
работать как с обычными массивами а не00:25:41
как с множествами и поэтому сейчас мы00:25:43
смотрим результат мы видим на выходе00:25:46
точно также мы получили массив00:25:48
они множество но здесь уже нет никаких00:25:51
дубликатов если бы мы не указали вот эти00:25:53
вот конструкции с тремя точками00:25:55
квадратными скобками мы бы получили00:25:57
множество в котором у нас также нет00:26:00
дубликатов но тем не менее вы видите что00:26:02
этот сет и с ним нельзя работать00:26:04
теми методами которые предназначены для00:26:07
массивов поэтому если требуется к именно00:26:11
массив мы указываем здесь дополнительно00:26:14
еще вот такую вот запись и получаем в00:26:17
результате массив без дубликатов очень00:26:20
полезное00:26:21
выражение рекомендую вам его запомнить00:26:23
либо записать куда-то потому что такая00:26:26
задача действительно очень часто00:26:27
появляется и если вы не знаете про этот00:26:31
способ то можно очень не рациональным00:26:34
путем решать данную задачу писать00:26:36
какие-то циклы00:26:37
удалять дубликаты и все это будет у вас00:26:40
конечно же не самым оптимальным образом00:26:42
выполнена сейчас мы рассмотрели новые00:26:46
возможности ecmascript 6 стандарт также00:26:49
уже является не самым последним есть и00:26:52
более новые его версии но acme скрипт 600:26:55
дал очень мощные инструменты и00:26:59
возможности для работы на данном языке и00:27:02
уже достаточно хорошо поддерживается как00:27:04
мы увидели в начале этого урока все00:27:07
ссылки на полезные источники вы найдете00:27:10
в описании сможете дополнительно00:27:12
прочитать какую-то информацию00:27:13
ознакомиться с таблицами поддержки в00:27:17
браузерах стандартов из 5 из 600:27:21
и также не забывайте использовать00:27:23
компиляторы по типу бейгл для того чтобы00:27:26
превращать ваш код написанное 6 в код00:27:29
предыдущих стандартов чтобы он00:27:31
поддерживался на любых устройствах в00:27:34
любых браузерах00:27:35
и ваши скрипты везде работали одинаково00:27:38
правильноОписание:
В этом уроке мы рассмотрим возможности ECMAScript 2015 (ES6). А именно такие темы как: компилятор Babel, Константы на языке JavaScript, Оператор расширения, Деструктивное присваивание, Стрелочные функции, Сохранение контекста this на JS, Двоичные числа, Восьмеричные числа, Проверка на целое число, Проверка на число и значение NaN, Тригонометрические и Алгебраические методы, Определение знака числа, Повторение строки, Поиск в строке, Заполнение массива, Ключи и значения массива, Множества и Удаление дубликатов в массиве на языке JavaScript. Продолжение курса: https://youtu.be/HU78HrKW9XI 1. Спецификация ECMAScript https://ru.wikipedia.org/wiki/ECMAScript 2. JavaScript компилятор https://babeljs.io/ 3. Поддержка спецификации ECMAScript 5 https://caniuse.com/es5 4. Поддержка спецификации ECMAScript 2015 (ES6) https://caniuse.com/es6 Архив с примерами кода Яндекс Диск: https://yadi.sk/d/_5io82vvFqKI1A Google Диск: https://drive.google.com/file/d/1oFlljZNUc0X7TXlHZkveuyNv_eJlpqC7/view?usp=sharing Донаты ( ₽ ) 1. СберБанк VISA: 4274 3200 3233 1582 2. YooMoney: https://sobe.ru/na/itdoctor 3. PayPal: https://paypal.me/itdoctorstudio 4. Станьте спонсором канала: https://www.youtube.com/channel/UC2Ev-rDSHBov0ZMChesLfrg/join 5. Subscribe my Patreon: https://www.patreon.com/IsmailUseinov Материалы к урокам: https://t.me/itdoctorstudio ✅ Я, Исмаил Усеинов Группа ВК - https://vk.com/itdoctorstudio GitHub - https://github.com/morphIsmail Instagram - https://instagram.com/ismail_asanovich/ Twitter - https://twitter.com/ITDoctor_morph Facebook - https://www.facebook.com/drinei Pinterest - https://www.pinterest.ru/drinei92/_created/ Я.Дзен - https://zen.yandex.ru/id/5f994406f3d1290ebf9287d5
Готовим варианты загрузки
* — Если видео проигрывается в новой вкладке, перейдите в неё, а затем кликните по видео правой кнопкой мыши и выберите пункт "Сохранить видео как..."
** — Ссылка предназначенная для онлайн воспроизведения в специализированных плеерах
Вопросы о скачивании видео
Как можно скачать видео "#12 Возможности ES6 или ECMAScript 2015, Супер JavaScript, Основы"?
Сайт http://unidownloader.com/ — лучший способ скачать видео или отдельно аудиодорожку, если хочется обойтись без установки программ и расширений. Расширение UDL Helper — удобная кнопка, которая органично встраивается на сайты YouTube, Instagram и OK.ru для быстрого скачивания контента.
Программа UDL Client (для Windows) — самое мощное решение, поддерживающее более 900 сайтов, социальных сетей и видеохостингов, а также любое качество видео, которое доступно в источнике.
UDL Lite — представляет собой удобный доступ к сайту с мобильного устройства. С его помощью вы можете легко скачивать видео прямо на смартфон.
Какой формат видео "#12 Возможности ES6 или ECMAScript 2015, Супер JavaScript, Основы" выбрать?
Наилучшее качество имеют форматы FullHD (1080p), 2K (1440p), 4K (2160p) и 8K (4320p). Чем больше разрешение вашего экрана, тем выше должно быть качество видео. Однако следует учесть и другие факторы: скорость скачивания, количество свободного места, а также производительность устройства при воспроизведении.
Почему компьютер зависает при загрузке видео "#12 Возможности ES6 или ECMAScript 2015, Супер JavaScript, Основы"?
Полностью зависать браузер/компьютер не должен! Если это произошло, просьба сообщить об этом, указав ссылку на видео. Иногда видео нельзя скачать напрямую в подходящем формате, поэтому мы добавили возможность конвертации файла в нужный формат. В отдельных случаях этот процесс может активно использовать ресурсы компьютера.
Как скачать видео "#12 Возможности ES6 или ECMAScript 2015, Супер JavaScript, Основы" на телефон?
Вы можете скачать видео на свой смартфон с помощью сайта или pwa-приложения UDL Lite. Также есть возможность отправить ссылку на скачивание через QR-код с помощью расширения UDL Helper.
Как скачать аудиодорожку (музыку) в MP3 "#12 Возможности ES6 или ECMAScript 2015, Супер JavaScript, Основы"?
Самый удобный способ — воспользоваться программой UDL Client, которая поддерживает конвертацию видео в формат MP3. В некоторых случаях MP3 можно скачать и через расширение UDL Helper.
Как сохранить кадр из видео "#12 Возможности ES6 или ECMAScript 2015, Супер JavaScript, Основы"?
Эта функция доступна в расширении UDL Helper. Убедитесь, что в настройках отмечен пункт «Отображать кнопку сохранения скриншота из видео». В правом нижнем углу плеера левее иконки «Настройки» должна появиться иконка камеры, по нажатию на которую текущий кадр из видео будет сохранён на ваш компьютер в формате JPEG.
Сколько это всё стоит?
Нисколько. Наши сервисы абсолютно бесплатны для всех пользователей. Здесь нет PRO подписок, нет ограничений на количество или максимальную длину скачиваемого видео.