Есть массив из массивов. Вложенные массивы состоят из строк: var massiv = [ ["h2","p","div","div"], ["h2","a","p","p"], ["h2","p","div","a","p"], ["h2","p","p","div"] ] Нам нужно во вложенных массивах убрать строки, которые содержат «div» или «a». Как это сделать? Нам поможет Двоичный Логический Оператор, который обозначает логическое «И». massiv.map( i => i.filter(item => item != […]
FrontEND
659 записей
У нас есть DOM-элемент, который имеет разную структуру вложенности одного в другой. Нам нужно получить всех его потомков — детей, детей у детей, детей у тех детей и так далее до конца. Как это сделать? Для этого нужно сначала получить сам элемент element и уже у него вызвать метод getElementsByTagName(). […]
У нас есть массив из кодовых точек — символов русского языка: var massiv = [1055, 1088, 1080, 1074, 1077, 1090] Нам нужно преобразовать эти кодовые точки обратно в буквы. Как это сделать? Нам поможет конструктор класса String и его собственный метод fromCharCode ( ...codeUnits ) или fromCodePoint ( ...codePoints ) […]
Как получить дату формата YYYY-MM-DD при помощи JavaScript? new Date().toLocaleDateString('en-ca') "2021-07-26" Получение новой даты всегда сопровождается оператором new. Метод toLocaleDateString() принимает на вход строку в виде языкового тега en и идентификатора календаря ca. Справка из документации «ecma262» Реализация ECMAScript, включающая API-интерфейс интернационализации ECMA-402, должна реализовывать метод Date.prototype.toLocaleDateString, как указано в […]
Есть массив: var massiv = [ [1,2,3], [2,888,999], [3,0,0], [4,55,66] ] Мы хотим произвести сортировку по второму элементу вложенных массивов, то есть по индексу «1». Как это сделать? Нам поможет метод sort(), который вызывается у всех экземпляров класса Array. massiv.sort((a,b)=>a[1]-b[1]) Мы получим отсортированный массив по индексу 1. Этот способ также […]
 - JavaScript](https://efim360.ru/wp-content/uploads/cherez-metod-regulyarnyh-vyrazhenij-@@matchallstring-javascript-570x350.png)
Есть строка: var stroka = "osab-kr-abmd-eqabt-ldab" Мы хотим узнать под какими индексами в этой строке начинаются последовательности символов «ab». Как это сделать? В решении задачи нам поможет такое понятие как Итератор Регулярных Выражений по Строке — RegExpStringIterator {} Он имеет единственный метод next(), который вызывается в момент сопоставления строки по шаблону […]
Синтаксис Определения Асинхронных Стрелочных Функций AsyncArrowFunction [In, Yield, Await] : async [не LineTerminator здесь] AsyncArrowBindingIdentifier [?Yield] [не LineTerminator здесь] => AsyncConciseBody [?In] CoverCallExpressionAndAsyncArrowHead [?Yield, ?Await] [не LineTerminator здесь] => AsyncConciseBody [?In] AsyncConciseBody [In] : [lookahead ≠ {] ExpressionBody [?In, +Await] { AsyncFunctionBody } AsyncArrowBindingIdentifier [Yield] : BindingIdentifier [?Yield, +Await] CoverCallExpressionAndAsyncArrowHead […]
Синтаксис Определения Асинхронных Функций AsyncFunctionDeclaration [Yield, Await, Default] : async [не LineTerminator здесь] function BindingIdentifier [?Yield, ?Await] ( FormalParameters [~Yield, +Await] ) { AsyncFunctionBody } [+Default] async [не LineTerminator здесь] function ( FormalParameters [~Yield, +Await] ) { AsyncFunctionBody } AsyncFunctionExpression : async [не LineTerminator здесь] function BindingIdentifier [~Yield, +Await] opt […]
Синтаксис Определения Классов ClassDeclaration [Yield, Await, Default] : class BindingIdentifier [?Yield, ?Await] ClassTail [?Yield, ?Await] [+Default] class ClassTail [?Yield, ?Await] ClassExpression [Yield, Await] : class BindingIdentifier [?Yield, ?Await] opt ClassTail [?Yield, ?Await] ClassTail [Yield, Await] : ClassHeritage [?Yield, ?Await] opt { ClassBody [?Yield, ?Await] opt } ClassHeritage [Yield, Await] : […]
Синтаксис Определения Функций Асинхронного Генератора AsyncGeneratorMethod [Yield, Await] : async [не LineTerminator здесь] * ClassElementName [?Yield, ?Await] ( UniqueFormalParameters [+Yield, +Await] ) { AsyncGeneratorBody } AsyncGeneratorDeclaration [Yield, Await, Default] : async [не LineTerminator здесь] function * BindingIdentifier [?Yield, ?Await] ( FormalParameters [+Yield, +Await] ) { AsyncGeneratorBody } [+Default] async [не LineTerminator […]
Есть строка: var stroka = "/Chevrolet" Нам нужно удалить из этой строки первый символ косой линии «/». Видео Способ № 1 — метод replace() Можно воспользоваться регулярными выражениями и произвести сопоставление строки по первому символу строки. stroka.replace(/^./,"") "Chevrolet" Мы меняем найденное на пустую строку. Результат: Как это работает? Регулярное выражение […]
Introduction - Введение 1 Scope - Сфера 2 Conformance - Соответствие 2.1 Example Clause Heading 3 Normative References - Нормативные ссылки 4 Overview - Обзор 4.1 Web Scripting - Веб-скрипты 4.2 Hosts and Implementations - Хосты и Реализации 4.3 ECMAScript Overview - Обзор ECMAScript 4.3.1 Objects 4.3.2 The Strict Variant […]
Способ № 1 Мы можем использовать оператор двойной звёздочки ** — это «экспоненциальный оператор» (Exponentiation Operator) — оператор возведения в степень. В «экспоненциальном выражении» (Exponentiation Expression) мы должны слева от оператора ** указать число, которое хотим возвести в квадрат, а справа от оператора ** мы должны написать число 2, которое […]
У нас есть строка с текстом: var stroka = "Хорошая погода. Красивая природа. Дует лёгкий, прохладный ветерок." Мы рассмотрим идеальный сценарий, когда у нас между предложениями всего одна точка и всего один пробел. Исключения вроде «т. к. » мы рассматривать здесь не будем, потому что это уже индивидуальный сложный алгоритм, […]
Проблема в том, что в JavaScript на 2021 год не существует готового метода или функции, в которую можно было бы передавать два целых числа и она вернула бы случайное целое число из диапазона. Нам ничего не остаётся, как написать свою собственную функцию. Решений может быть несколько. Видео Решение № […]
Способ № 1 Мы можем использовать оператор двойной звёздочки ** — это «экспоненциальный оператор» (Exponentiation Operator) — оператор возведения в степень. В «экспоненциальном выражении» (Exponentiation Expression) мы должны слева от оператора ** указать число, которое хотим возвести в куб, а справа от оператора ** мы должны написать число 3, которое […]
Синтаксис Определения Функций Генератора GeneratorMethod [Yield, Await] : * ClassElementName [?Yield, ?Await] ( UniqueFormalParameters [+Yield, ~Await] ) { GeneratorBody } GeneratorDeclaration [Yield, Await, Default] : function * BindingIdentifier [?Yield, ?Await] ( FormalParameters [+Yield, ~Await] ) { GeneratorBody } [+Default] function * ( FormalParameters [+Yield, ~Await] ) { GeneratorBody } GeneratorExpression : function * BindingIdentifier [+Yield, ~Await] opt ( FormalParameters [+Yield, ~Await] ) { GeneratorBody } GeneratorBody : FunctionBody [+Yield, ~Await] YieldExpression [In, Await] : yield yield [no LineTerminator here] AssignmentExpression [?In, +Yield, ?Await] yield [no LineTerminator here] * AssignmentExpression [?In, +Yield, […]
Есть строка с ценой: var stroka = "51,42 рубля" При таком оформлении цены нам нужно получить строку «42», которая будет обозначать количество копеек. Как это сделать? На первом этапе нужно отделить лишнее от всей строки с ценой. Я имею ввиду строку » рубля». Обязательно пробел первым символом. stroka.replace(" рубля", "") […]
Синтаксис Определения Методов MethodDefinition [Yield, Await] : ClassElementName [?Yield, ?Await] ( UniqueFormalParameters [~Yield, ~Await] ) { FunctionBody [~Yield, ~Await] } GeneratorMethod [?Yield, ?Await] AsyncMethod [?Yield, ?Await] AsyncGeneratorMethod [?Yield, ?Await] get ClassElementName [?Yield, ?Await] ( ) { FunctionBody [~Yield, ~Await] } set ClassElementName [?Yield, ?Await] ( PropertySetParameterList ) { FunctionBody [~Yield, […]
В этой публикации мы постараемся разобраться в том, как дотянуться до заветных данных при помощи JavaScript и метода fetch(input, init) Мы по шагам будем погружаться в Выборку(Fetch) и смотреть полученные итерации на каждом шаге, чтобы не запутаться и не пропустить важное. Видео Задача № 1 Мы хотим получить […]
Синтаксис Определения Стрелочных Функций ArrowFunction [In, Yield, Await] : ArrowParameters [?Yield, ?Await] [не LineTerminator здесь] => ConciseBody [?In] ArrowParameters [Yield, Await] : BindingIdentifier [?Yield, ?Await] CoverParenthesizedExpressionAndArrowParameterList [?Yield, ?Await] ConciseBody [In] : [lookahead ≠ {] ExpressionBody [?In, ~Await] { FunctionBody [~Yield, ~Await] } ExpressionBody [In, Await] : AssignmentExpression […]
Синтаксис Определения Функций FunctionDeclaration [Yield, Await, Default] : function BindingIdentifier [?Yield, ?Await] ( FormalParameters [~Yield, ~Await] ) { FunctionBody [~Yield, ~Await] } [+Default] function ( FormalParameters [~Yield, ~Await] ) { FunctionBody [~Yield, ~Await] } FunctionExpression : function BindingIdentifier [~Yield, ~Await] opt ( FormalParameters [~Yield, ~Await] ) { FunctionBody [~Yield, ~Await] […]
Синтаксис списка параметров UniqueFormalParameters [Yield, Await] : FormalParameters [?Yield, ?Await] FormalParameters [Yield, Await] : [empty] FunctionRestParameter [?Yield, ?Await] FormalParameterList [?Yield, ?Await] FormalParameterList [?Yield, ?Await] , FormalParameterList [?Yield, ?Await] , FunctionRestParameter [?Yield, ?Await] FormalParameterList [Yield, Await] : FormalParameter [?Yield, ?Await] FormalParameterList [?Yield, ?Await] , FormalParameter [?Yield, ?Await] FunctionRestParameter [Yield, Await] : […]
Синтаксис двоичных логических операторов LogicalANDExpression [In, Yield, Await] : BitwiseORExpression [?In, ?Yield, ?Await] LogicalANDExpression [?In, ?Yield, ?Await] && BitwiseORExpression [?In, ?Yield, ?Await] LogicalORExpression [In, Yield, Await] : LogicalANDExpression [?In, ?Yield, ?Await] LogicalORExpression [?In, ?Yield, ?Await] || LogicalANDExpression [?In, ?Yield, ?Await] CoalesceExpression [In, Yield, Await] : CoalesceExpressionHead [?In, ?Yield, ?Await] ?? […]
Синтаксис двоичных побитовых операторов BitwiseANDExpression [In, Yield, Await] : EqualityExpression [?In, ?Yield, ?Await] BitwiseANDExpression [?In, ?Yield, ?Await] & EqualityExpression [?In, ?Yield, ?Await] BitwiseXORExpression [In, Yield, Await] : BitwiseANDExpression [?In, ?Yield, ?Await] BitwiseXORExpression [?In, ?Yield, ?Await] ^ BitwiseANDExpression [?In, ?Yield, ?Await] BitwiseORExpression [In, Yield, Await] : BitwiseXORExpression [?In, ?Yield, ?Await] BitwiseORExpression […]
Синтаксис аддитивного оператора AdditiveExpression [Yield, Await] : MultiplicativeExpression [?Yield, ?Await] AdditiveExpression [?Yield, ?Await] + MultiplicativeExpression [?Yield, ?Await] AdditiveExpression [?Yield, ?Await] — MultiplicativeExpression [?Yield, ?Await] Оператор сложения (+) Примечание Оператор сложения выполняет либо конкатенацию строк, либо числовое сложение. Семантика времени выполнения: оценка AdditiveExpression : AdditiveExpression + MultiplicativeExpression 1. Вернуть ? EvaluateStringOrNumericBinaryExpression(AdditiveExpression, +, MultiplicativeExpression). […]
Синтаксис оператора побитового сдвига ShiftExpression [Yield, Await] : AdditiveExpression [?Yield, ?Await] ShiftExpression [?Yield, ?Await] << AdditiveExpression [?Yield, ?Await] ShiftExpression [?Yield, ?Await] >> AdditiveExpression [?Yield, ?Await] ShiftExpression [?Yield, ?Await] >>> AdditiveExpression [?Yield, ?Await] Оператор левого сдвига (<<) Примечание Выполняет побитовую операцию сдвига влево для левого операнда на величину, заданную правым операндом. […]
Примечание 1 Результат вычисления реляционного оператора всегда имеет тип Boolean, отражающий, сохраняется ли связь, указанная оператором, между двумя его операндами. Синтаксис операторов отношения RelationalExpression [In, Yield, Await] : ShiftExpression [?Yield, ?Await] RelationalExpression [?In, ?Yield, ?Await] < ShiftExpression [?Yield, ?Await] RelationalExpression [?In, ?Yield, ?Await] > ShiftExpression [?Yield, ?Await] RelationalExpression [?In, […]
Примечание Результат вычисления оператора равенства всегда имеет тип Boolean, отражающий, сохраняется ли связь, указанная оператором, между двумя его операндами. Синтаксис оператора равенства EqualityExpression [In, Yield, Await] : RelationalExpression [?In, ?Yield, ?Await] EqualityExpression [?In, ?Yield, ?Await] == RelationalExpression [?In, ?Yield, ?Await] EqualityExpression [?In, ?Yield, ?Await] != RelationalExpression [?In, ?Yield, ?Await] […]
Синтаксис идентификаторов IdentifierReference [Yield, Await] : Identifier [~Yield] yield [~Await] await BindingIdentifier [Yield, Await] : Identifier yield await LabelIdentifier [Yield, Await] : Identifier [~Yield] yield [~Await] await Identifier : IdentifierName но не ReservedWord Примечание yield и await разрешены как BindingIdentifier в грамматике и запрещены статической семантикой ниже, чтобы запретить […]
Синтаксис первичного выражения PrimaryExpression [Yield, Await] : this IdentifierReference [?Yield, ?Await] Literal ArrayLiteral [?Yield, ?Await] ObjectLiteral [?Yield, ?Await] FunctionExpression ClassExpression [?Yield, ?Await] GeneratorExpression AsyncFunctionExpression AsyncGeneratorExpression RegularExpressionLiteral TemplateLiteral [?Yield, ?Await, ~Tagged] CoverParenthesizedExpressionAndArrowParameterList [?Yield, ?Await] CoverParenthesizedExpressionAndArrowParameterList [Yield, Await] : ( Expression [+In, ?Yield, ?Await] ) ( Expression [+In, ?Yield, ?Await] , […]
Есть массив из строк: var massiv = [ "белый", "вкусный", "красное", "противное", "фиолетовая", "горькая" ] Мы хотим отобрать из этого массива строки, которые заканчиваются на определённую последовательность символов. Как это сделать? Видео Что будем использовать? Мы будем пользоваться методом filter() для объектов-прототипов Array. Мы будем пользоваться методом exec() для объектов-прототипов […]
Есть массив из строк: var massiv = [ "aabbgghh", "aazzxx", "bbgghhaa", "bbzzxx", "abctt", "bactt" ] Мы хотим отобрать из этого массива строки, которые начинаются на определённую последовательность символов. Как это сделать? Видео Что будем использовать? Мы будем пользоваться методом filter() для объектов-прототипов Array. Мы будем пользоваться методом exec() для объектов-прототипов […]
Есть строка: var stroka = "Привет1274 ме234ня зо65вут 7987Ефим!" Нам нужно из этой строки удалить все цифры и оставить только символы и буквы. Как это сделать? Видео В этом нам помогут регулярные выражения, классы символов и диапазоны классов. Все замены мы будем производить методом replace(). Регулярному выражению будет присвоен глобальный […]
Синтаксис левосторонних выражений MemberExpression [Yield, Await] : PrimaryExpression [?Yield, ?Await] MemberExpression [?Yield, ?Await] [ Expression [+In, ?Yield, ?Await] ] MemberExpression [?Yield, ?Await] . IdentifierName MemberExpression [?Yield, ?Await] TemplateLiteral [?Yield, ?Await, +Tagged] SuperProperty [?Yield, ?Await] MetaProperty new MemberExpression [?Yield, ?Await] Arguments [?Yield, ?Await] MemberExpression [?Yield, ?Await] . PrivateIdentifier SuperProperty [Yield, Await] : super [ Expression [+In, ?Yield, ?Await] ] super . IdentifierName MetaProperty : NewTarget ImportMeta […]
В этой публикации мы рассмотрим три префикса квантификатора для дизъюнкций шаблона регулярного выражения, которые обозначаются так: * (звёздочка) + (плюс) ? (вопрос) По стандарту ECMAScript эти три префикса квантификатора имеют следующее производство: Производство префикса QuantifierPrefix :: * оценивается следующим образом: 1. Верните два результата: 0 и +∞. Производство префикса […]
На начальном этапе изучения языков программирования бывает не понятно словосочетание «Функция возвращает». В этой публикации на простом примере мы раскроем суть этой фразы. Вам станет понятно о каком возврате идёт речь. Но сперва пример из жизни. Видео на тему «Функция возвращает» Пример из жизни, чтобы понять Представьте, что вы […]
Как случайным образом поменять местами элементы массива? (Array shuffle) Возьмём простой массив для тестов: var massiv = [100, 101, 102, 103, 104, 105, 106, 107] Из этого массива мы хотим получить другой массив, чтобы его элементы были перемешаны относительно оригинального массива. Как это сделать? Нам поможет конструктор Math и его […]
Пример № 1 — последовательность одинаковых символов встречается один раз в строке Есть строка: var stroka = "Магазиииииииииин" В этой строке очень часто записана буква «и» — одна следом за другой. Как удалить «лишние» буквы «и» и оставить только одну? Воспользуемся квантификатором «+» и отберём последовательность повторяющихся букв «и» stroka.match(/и+/) […]
В этой публикации мы рассмотрим такой вид префикса квантификатора (QuantifierPrefix) для шаблона (Pattern) регулярного выражения (RegExp), который обозначается фигурными скобками. В стандарте ECMAScript описаны три способа производства префикса квантификатора с фигурными скобками: Производство префикса QuantifierPrefix :: { DecimalDigits } оценивается следующим образом: 1. Пусть i будет MV (mathematical value) из Десятичных Цифр (см. […]
Синтаксис выражений обновления UpdateExpression [Yield, Await] : LeftHandSideExpression [?Yield, ?Await] LeftHandSideExpression [?Yield, ?Await] [не LineTerminator здесь] ++ LeftHandSideExpression [?Yield, ?Await] [не LineTerminator здесь] — ++ UnaryExpression [?Yield, ?Await] — UnaryExpression [?Yield, ?Await] Статическая семантика: ранние ошибки UpdateExpression : LeftHandSideExpression ++ LeftHandSideExpression — Это ранняя синтаксическая ошибка, если AssignmentTargetType для LeftHandSideExpression не является простым (simple). UpdateExpression : […]
Синтаксис унарных операторов UnaryExpression [Yield, Await] : UpdateExpression [?Yield, ?Await] delete UnaryExpression [?Yield, ?Await] void UnaryExpression [?Yield, ?Await] typeof UnaryExpression [?Yield, ?Await] + UnaryExpression [?Yield, ?Await] — UnaryExpression [?Yield, ?Await] ~ UnaryExpression [?Yield, ?Await] ! UnaryExpression [?Yield, ?Await] [+Await] AwaitExpression [?Yield] Оператор delete Статическая семантика: ранние ошибки UnaryExpression : delete UnaryExpression Это синтаксическая ошибка, если UnaryExpression содержится в коде строгого режима, […]
Семантика времени выполнения: оценка UnaryExpression : ! UnaryExpression 1. Пусть expr будет результатом вычисления UnaryExpression. 2. Пусть oldValue будет! ToBoolean(? GetValue(expr)). 3. Если oldValue является true (истинно), вернуть false. 4. Вернуть истину true Информационные ссылки Стандарт ECMAScript — Раздел «13.5 Unary Operators» — https://tc39.es/ecma262/#sec-unary-operators Стандарт ECMAScript — Раздел «13.5.7 Logical NOT Operator ( […]
Семантика времени выполнения: оценка UnaryExpression : ~ UnaryExpression 1. Пусть expr будет результатом вычисления UnaryExpression. 2. Пусть oldValue будет ? ToNumeric(? GetValue(expr)). 3. Пусть T будет Type(oldValue). 4. Вернуть ! T::bitwiseNOT(oldValue). Информационные ссылки Стандарт ECMAScript — Раздел «13.5 Unary Operators» — https://tc39.es/ecma262/#sec-unary-operators Стандарт ECMAScript — Раздел «13.5.6 Bitwise NOT Operator ( ~ )» […]
Примечание Унарный оператор минус — преобразует свой операнд в числовой тип Number, а затем отменяет его. Отрицание +0𝔽 дает -0𝔽, а отрицание -0𝔽 дает +0𝔽. Семантика времени выполнения: оценка UnaryExpression : — UnaryExpression 1. Пусть expr будет результатом вычисления UnaryExpression. 2. Пусть oldValue будет ? ToNumeric(? GetValue(expr)). 3. Пусть T будет Type(oldValue). 4. […]
Примечание Унарный оператор + преобразует свой операнд в числовой тип Number. Семантика времени выполнения: оценка UnaryExpression : + UnaryExpression 1. Пусть expr будет результатом вычисления UnaryExpression. 2. Вернуть ? ToNumber(? GetValue(expr)). Информационные ссылки Стандарт ECMAScript — Раздел «13.5 Unary Operators» — https://tc39.es/ecma262/#sec-unary-operators Стандарт ECMAScript — Раздел «13.5.4 Unary + Operator» — […]
Семантика времени выполнения: оценка UnaryExpression : typeof UnaryExpression 1. Пусть val будет результатом вычисления UnaryExpression. 2. Если val является ссылочной записью Reference Record, тогда а. Если IsUnresolvableReference(val) является true (истинно), вернуть «undefined». 3. Установите val на ? GetValue(val). 4. Верните строку в соответствии с таблицей 41. Таблица Тип val Результат Undefined «undefined» Null […]
Семантика времени выполнения: оценка UnaryExpression : void UnaryExpression 1. Пусть expr будет результатом вычисления UnaryExpression. 2. Выполнить ? GetValue(expr). 3. Вернуть undefined. Примечание GetValue должен быть вызван, даже если его значение не используется, поскольку оно может иметь наблюдаемые побочные эффекты. Информационные ссылки Стандарт ECMAScript — Раздел «13.5 Unary Operators» — https://tc39.es/ecma262/#sec-unary-operators Стандарт […]
Статическая семантика: ранние ошибки UnaryExpression : delete UnaryExpression Это синтаксическая ошибка, если UnaryExpression содержится в коде строгого режима, а производным UnaryExpression является PrimaryExpression : IdentifierReference, MemberExpression : MemberExpression . PrivateIdentifier, CallExpression : CallExpression . PrivateIdentifier, OptionalChain : ?. PrivateIdentifier или OptionalChain : OptionalChain . PrivateIdentifier. Это синтаксическая ошибка, если производное UnaryExpression является PrimaryExpression : CoverParenthesizedExpressionAndArrowParameterList […]
Синтаксис экспоненциального оператора ExponentiationExpression [Yield, Await] : UnaryExpression [?Yield, ?Await] UpdateExpression [?Yield, ?Await] ** ExponentiationExpression [?Yield, ?Await] Семантика времени выполнения: оценка ExponentiationExpression : UpdateExpression ** ExponentiationExpression 1. Вернуть ? EvaluateStringOrNumericBinaryExpression(UpdateExpression, **, ExponentiationExpression). Экспоненциальный оператор (Exponentiation Operator) — это оператор возведения в степень Информационные ссылки Стандарт ECMAScript — Раздел «13.6 Exponentiation Operator» — https://tc39.es/ecma262/#sec-exp-operator