Как определить существование русского языка в строке (в тексте) при помощи JavaScript? Мы хотим по строке понимать, есть ли в ней русский текст (или символы), а также если их очень много, то приравнивать данную строку к русскому языку. Как это сделать? Мы будем отталкиваться от символов русского алфавита. Это 66 […]
FrontEND
898 записей
Введение Изучая JavaScript, вторым по популярности выражением можно встретить console.error(). Что оно означает и зачем нужно? Если говорить простыми словами, то console.error() - это способ увидеть ошибочные места работы программы (или алгоритма). Выражение console.error() нужно только для разработчиков и оно не представляет никакой ценности для конечного пользователя, который пользуется приложением. […]
Введение Изучая JavaScript, в самом начале, в чужом коде или примерах можно часто видеть выражение console.log(). Что оно означает и зачем нужно? Если говорить простыми словами, то console.log() - это способ увидеть правильность работы программы (или алгоритма). Выражение console.log() нужно только для разработчиков и оно не представляет никакой ценности для […]
Чтобы получить ширину HTML-элемента при помощи JavaScript нужно сначала получить сам элемент в виде DOM-объекта, а потом обратиться к свойству offsetWidth. Например: Браузер нам подсказывает текущее значение размеров элемента. Вводим команду: var el = document.querySelector("#layoutPage > div.a4e4 > div:nth-child(5) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div.b5y7.b5y > div > […]
В JavaScript уже имеется большое количество встроенных Классов, которые являются свойствами ГЛОБАЛЬНОГО объекта. Ты знаешь как они называются? Если нет, то погляди хотя бы на их названия - https://tc39.es/ecma262/multipage/ecmascript-data-types-and-values.html#sec-well-known-intrinsic-objects. Так ты будешь в теме. Пройдя по этой ссылке ты узнаешь, что JavaScript на самом деле работает по стандарту ECMAScript. Именно […]
Мы хотим преобразовать JavaScript-строку таким образом, чтобы полностью избавиться от экранирующих обратных слешей. Здесь точно не нужно городить цепочки из методов replace() или replaceAll(). Не переживайте, решение уже давно придумано и оно уже давно работает в браузере. Согласитесь, если браузер понимает как преобразовывать экранные JS-строки, значит вам об этом думать не […]
Запись \\\\u002F\\\\u002F означает два слеша //, как в адресе сайта. Запись \\\\u002F\\\\u002F является экранирующей, когда нужно отправить строку со скриптом с сервера на клиент.
Работа с датой и временем в JavaScript отведена специальному классу - Date. Это встроенный в стандарт ECMAScript класс, который является одним из свойств Глобального объекта. Это не какое-то там API из под полы. На среду выполнения кода возложена серьёзная задача по правильной работе этого класса и всех его методов. Чтобы […]
Напишем функцию на JavaScript, которая возвращает истину (true), если строка начинается на передаваемое в неё значение или ложь (false), если строка не начинается на передаваемое в неё значение. Мы напишем своё собственное решение, потому что в стандартном методе startsWith() есть некоторые неудобные нюансы работы. Функция будет принимать 2 параметра: Главная […]
Есть массив JavaScript: var massiv = [1,2,3,4,5,6,7,8,9,10] Мы хотим увеличить все числа в этом массиве на 100. Решение задачи - простое Чтобы решить задачу нужно использовать метод объектов-прототипов Array, который называется map(). Он ходит по каждому элементу основного массива, делает преобразования и возвращает новый массив такой же длины (с […]
Есть два массива (полный и пустой): var massiv1 = [1, 2, 3, 4, 5] // полный массив var massiv2 = [] // пустой массив На пустоту массива влияет значение его "длины". Давайте взглянем на стандарт ECMAScript, где описано это свойство у экземпляров класса Array. То есть у каждого массива […]
Есть строка: let str = 'Телефон (ERT-266252) розовый (art72378fd) 128 гигабайт ОЗУ' Мы хотим удалить всё, что находится внутри круглых скобок, но оставить сами скобки. Как это сделать? Решение Нам нужно написать шаблон регулярного выражения. /(\()(.*?)(\))/g В этом выражении работает три захвата: (\() (.*?) (\)) Первый ищет левую круглую […]
Единицы кода 0x0024, 0x0024 Символы юникода - $$ Текст замены - $ Единицы кода 0x0024, 0x0026 Символы юникода - $& Текст замены - matched Единицы кода 0x0024, 0x0060 Символы юникода - $` Текст замены - Замена - это подстрока строки str от 0 до позиции position. Единицы […]
Иногда в JavaScript возникает задача по клонированию какого-то объекта. И в этот момент не всегда ясно как это правильно нужно делать. Решение, когда объект имеет один уровень вложенности Способ № 1 - У нас есть объект, который мы хотим клонировать. Его глубина равна 1. Вложенных объектов в нём нет. […]
Когда атрибут type элемента ввода input находится в состоянии URL, применяются правила этого раздела. Элемент ввода input представляет собой элемент управления для редактирования одного абсолютного URL-адреса, заданного в значении элемента. Если элемент является изменяемым (mutable), пользовательский агент должен позволить пользователю изменить URL-адрес, представленный его значением. Пользовательские агенты могут позволить пользователю […]
Код HTML-разметки с тегом script: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title></title> </head> <body> <h1>Бегущая строка</h1> <script> let h1 = document.getElementsByTagName('h1')[0]; […]
В JavaScript кусочки кода оборачиваются в функции, когда нужно сохранить именованное представление определённой логики работы участка из всей программы. В нашем случае нам нужно создать некоторый счётчик, который будет виден функцией setInterval() и функцией обратного вызова. Этот счётчик будет сам являться функцией. Итого получаем 3 функции. Решение задачи Давайте […]
У нас есть строка: let str = 'https://postgrespro.ru/docs/postgresql/9.4/xfunc-sql' Эта строка представляет собой адрес в интернете. Мы хотим получить все символы из этой строки, которые встречаются от начала до первого одинарного слеша. По сути мы хотим получить адрес главной страницы сайта. Как это сделать? Решение Нам помогут регулярные выражения и […]
Есть строка: let stroka = "исПравЛяем буКвы" Можно использовать методы slice() и toUpperCase(), чтобы создать конструкцию приведения первой буквы в заглавную, а все остальные буквы в строчные. Делается это таким выражением: stroka.slice(0,1).toUpperCase() + stroka.slice(1) Функция превращения первой буквы строки в заглавную function firstCharUp(str){return str.slice(0,1).toUpperCase() + str.slice(1)} Пример работы функции: […]
Как узнать сколько раз повторяется определённое число в массиве? Пусть у нас будет массив: [1, 7, 2, 3, 3, 4, 5, 6, 7, 8, 9, 10, 7, 10, 1, 3] Сначала нам нужно отфильтровать наш массив по искомому числу. Пусть это будет число 7. [1, 7, 2, 3, […]
На первых порах изучения JavaScript бывают непонятны отличительные черты некоторых свойств объектов. Например, в инструментах разработчика не всегда можно понять разницу между innerText и innerHTML. Такое бывает из-за одинакового строкового содержимого в этих свойствах у элемента. Так в чём же различие? innerText - показывает всё текстовое содержимое, которое […]
Способ № 1 - Удаление элемента массива со сдвигом Есть массив: let arr = [22, 33, 11, 77, 56, 39, 323] Нам нужно удалить элемент со значением 77 и сдвинуть оставшуюся часть влево (ближе к началу). Сделать это можно при помощи метода filter(): arr.filter(i => i != 77) В […]
У нас есть строка с текстом: let stroka = "Хорошая погода. Красивая природа. Дует лёгкий, прохладный ветерок." В JavaScript для работы со строками используются регулярные выражения (RegExp), которые имею очень удобный и богатый функционал для разделения. При помощи метода [Symbol.split]() мы можем сразу разделить строку в нужных местах сопоставления. В […]
На начальном этапе изучения языков программирования бывает не понятно словосочетание "Функция возвращает". В этой публикации на простом примере мы раскроем суть этой фразы. Вам станет понятно о каком возврате идёт речь. Но сперва пример из жизни. Видео на тему "Функция возвращает" Пример из жизни, чтобы понять Представьте, […]
Функция обрезания строки до нужного символа (отрежет только начало) Функция принимает две строки: Первая - это основная строка которую нужно обрезать. Вторая - это строка-ориентир перед которой нужно отрезать лишнее. Возвращает оставшуюся часть и строку-ориентир. Обрезается только начало. function cutMyStrStartMin(str, char){ return str.replace(new RegExp(`.*?(${char}.*)`), '$1') } […]
Большинство операторов и объявлений ECMAScript должны заканчиваться точкой с запятой. Такие точки с запятой всегда могут быть явно указаны в исходном тексте. Однако для удобства такие точки с запятой могут быть опущены в исходном тексте в определенных ситуациях. Эти ситуации описываются тем, что в этих ситуациях точки с запятой автоматически […]
Предположим, что у нас есть строка разметки HTML-документа и теперь нам нужно получить строковое значение, которое находится между открывающим и закрывающим тегами: <h1> и </h1> Как это сделать? Нам помогут регулярные выражения и их шаблоны. Для краткости я приведу строку: var stroka = "bla bla bla <h1>Нужный заголовок</h1> tro lo […]
Как узнать, какой адрес сейчас открыт на вкладке браузера при помощи JavaSсript? Как определить какому URL-адресу принадлежит открытая HTML-страница? Как в консоли увидеть результат URL-адреса, который просматривает пользователь? Ответы на эти вопросы можно найти ниже. Способ № 1 - Через объект document и его атрибуты URL и documentURI В […]
Функция обрезания строки после нужного символа (отрежет хвост) Функция принимает две строки: Первая - это основная строка которую нужно обрезать. Вторая - это строка-ориентир после которой нужно отрезать лишнее. Возвращает начальную часть и строку-ориентир. Обрезается только хвост. // Функция удаляет хвост. Искомый символ остаётся function cutMyStrMin(str, char){ […]
Есть массив, который содержит уникальные символы: let myarr = ['1','2','3','4','5']; Нам нужно узнать сколько слов определённой длины можно получить при любых перестановках символов. Как это сделать в JavaScript? В науке "Математика" существует раздел под названием "Комбинаторика". Он занимается перестановками. Так вот в нашем случае на одной позиции в слове может […]
Есть набор символов, которые лежат в массиве: let myarr = ['а','б','в','г','д','е','ё','ж']; Нам нужно создать такую функцию при помощи JavaScript, чтобы она могла принимать этот набор символов и нужную длину слова. На выходе функция должна возвращать случайное слово. Решение задачи Нам нужна внутренняя функция, которая будет возвращать из передаваемого массива […]
Способ № 1 Мы можем использовать оператор двойной звёздочки ** - это "экспоненциальный оператор" (Exponentiation Operator) - оператор возведения в степень. В "экспоненциальном выражении" (Exponentiation Expression) мы должны слева от оператора ** указать число, которое хотим возвести в квадрат, а справа от оператора ** мы должны написать число 2, […]
Редакция от 25 мая 2022 г. Резюме В этом документе описывается, как автор может установить политику рефёрера (referrer policy) для создаваемых документов, а также влияние такой политики на HTTP-заголовок "Referer" для исходящих запросов и переходов. Статус этого документа Это общедоступная копия редакционного черновика. Он предназначен только для обсуждения […]
Мы хотим "выдёргивать" из массива случайный элемент. Как это сделать? Для решения задачи нужно воспользоваться методом random() конструктора Math. Метод возвращает случайное число от 0 до 1, но не включая 1. То есть 0 может появиться, но 1 никогда не появится. Но мы не сможем адекватно работать с Math.random() в чистом […]
Есть строка: let stroka = '23 cтроителя из бригады 15.0 залили 604,8 м бетона из необходимых 1042 м. Это -36 м от нормы.' В этой строке есть 4 числа: 23 15.0 604,8 1042 -36 Нам нужно определить какое из них чётное. Логика решения задачи На самом первом этапе нужно […]
Код выражения: /^[a-zA-Z0-9.!#$%&'*+\/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*$/ Пример работы в JavaScript: 'e@r.ru'.match(/^[a-zA-Z0-9.!#$%&'*+\/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*$/) Если адрес валидный, то нам возвращается массив, где под нулевым индексом лежит проверенный адрес электронной почты. Если передаваемый адрес не проходит проверку, то нам возвращается null. Информационные ссылки Стандарт HTML - Раздел "4.10.5.1.5 Email state (type=email)" - https://html.spec.whatwg.org/#valid-e-mail-address Стандарт RFC […]
Многие HTML-страницы содержат в своей разметке комментарии. Они нужны для разработчиков, но иногда они могут быть также полезны и для всех остальных пользователей интернета. В комментариях можно встретить полезную информацию. Как их получить? Как получить объекты HTML-элементов комментариев? Как получить строковое представление этих комментариев в виде массива? Давайте разбираться. […]
Все ссылки на HTML-странице document.getElementsByTagName("a") Вернёт объект-прототип класса HTMLCollection с объектами ссылок (HTML-элементами <a>). Эта команда для разработчиков, которые понимают, что делать дальше. Все ссылки на HTML-странице из консоли браузера, работающего на Chrome $x("//a") $x(path) возвращает массив элементов DOM, соответствующих заданному выражению XPath. Все ссылки на HTML-странице с выводом результатов […]
У цикла for существует 3 производства: Мы видим, что внутри круглых скобок существует 3 зоны, которые отделены точкой с запятой ";". Каждая зона имеет свой смысл. Но нас интересует первая зона. В ней можно разместить: не let и квадратная скобка [ var LexicalDeclaration и Expression Рассмотрим третий вариант производства, […]
Нам нужно найти такую строку (часть строки), которая присутствует во всех элементах массива и с которой начинаются все элементы массива. Как решить такую задачу? Предлагаю посмотреть на данные, с которыми хотим работать: https://a.ru/q https://a.ru/d https://a.ru/f https://a.ru/g https://a.ru/h/k Этот пример простой и тут всё и так очевидно. Мы напишем свою функцию. Решение задачи […]
Есть строка: var stroka = "ДелимСловаНаЧасти" Мы хотим разделить слова в этой строке по принципу заглавной буквы. Как это сделать? Способ № 1 - при помощи регулярных выражений Когда мы работаем со строками, тогда желательно использовать регулярные выражения RegExp для их преобразований и трансформаций. Это лучший инструмент для […]
Задача Нам нужно отрисовывать HTML-разметку в открытом документе в браузере только в тот момент, когда скролл (прокрутка) достигнет определённого HTML-элемента (блока). По задумке хочется иметь несколько HTML-элементов под одним классом, в которые мы будем подгружать контент в момент долистывания. Все эти элементы будут лежать в одном массиве и по мере […]
Есть строка: var stroka = "Subaru/" Нам нужно удалить из этой строки последний символ косой линии "/". Как это сделать? Видео на русском языке В видеоролике показаны два способа удаления последнего символа строки. Все команды пишутся напрямую в консоль браузера Google Chrome. Решение № 1 - Через […]
Как отобрать элементы с уникальными значениями в массиве? У нас есть массив из чисел: var massiv = [1, 2, 3, 3, 4, 4, 4, 5, 6, 7, 10, 10, 10, 40, 65, 83, 83, 83, 109, 109, 432, 456] Этот массив отсортирован по возрастанию элементов, чтобы было легче его воспринимать […]
Assertion [U, N] :: Утверждение 1 - ^ Утверждение 2 - $ Утверждение 3 - \b Утверждение 4 - \B Утверждение 5 - ( ? = Disjunction[?U, ?N] ) Утверждение 6 - ( ? ! Disjunction[?U, ?N] ) Утверждение 7 - ( ? <= Disjunction[?U, ?N] ) Утверждение 8 - […]
Часто в JavaScript мы пытаемся обращаться к каким-то свойствам объектов. Часто гоняем их в массивах. Иногда мы пытаемся использовать обращения к несуществующим ключам в условиях или функциях. И однажды возникнет такая ситуация, при которой всё сломается. Мы не специально, просто так получается. Как быть? В чём проблема с ключами […]
Задача Мы хотим получить список внутренних страниц сайта на которые ссылается текущая страница сайта, но без URI-запросов и без URI-фрагментов (смотри стандарт URI - RFC 3986). То есть мы отрыли какую-нибудь страницу в браузере и хотим понять куда мы можем перейти из неё, в пределах одного домена. У нас есть […]
Мы будем писать функцию нахождения самой короткой строки в массиве по шагам. Исходный массив для тестирования будет такой: let arr = [1, 'Александр', 2, 'Вася', 'Гриша', 367323 ] Шаг № 1 - Фильтрация массива на наличие строк arr.filter(i=>i.constructor.name==='String') Шаг № 2 - Проверка, что в массиве есть строки […]
У нас есть задача. Мы хотим при помощи браузера, языка JavaScript и прикладных интерфейсов программирования (APIs) скачать изображение на HTML-странице какого-нибудь сайта. Как это сделать? Эту задачу можно разделить на два этапа: Делаем выборку нужного ресурса изображения при помощи fetch() Распознаём содержимое ОТВЕТА сервера и сохраняем его в файл на […]
У нас есть задача сохранить строку в файл на ПК из клиента (браузера). В браузере у нас работает JavaScript. Но есть одна проблема. При попытке ручного копирования (CTRL+C / CTRL+V) строки из консоли браузера и вставки её в редактор кода или файл, мы теряем переносы строк. Вместо мульти-лайновости мы получаем […]