Написать функцию на JavaScript, которая принимает массив чисел и возвращает новый массив, содержащий только уникальные значения. Решение должно быть эффективным и не использовать встроенные методы массивов, такие как filter или includes.
Вот решение функции, которая принимает массив чисел и возвращает новый массив, содержащий только уникальные значения:
function uniqueArray(arr) {
const obj = {};
const output = [];
for (let i = 0; i < arr.length; i++) {
const item = arr[i];
if (!obj[item]) {
obj[item] = true;
output.push(item);
}
}
return output;
}
Как это работает:
Мы создаем объект obj
Мы создаем пустой массив output
Мы проходим по исходному массиву arr
Если obj не содержит элемент item значения как свойство, то мы добавляем его в obj и output
Это решение имеет временную сложность O(n), потому что мы проходим по каждому элементу массива ровно один раз.
Вот решение функции, которая принимает массив чисел и возвращает новый массив, содержащий только уникальные значения:
const obj = {};
const output = [];
for (let i = 0; i < arr.length; i++) {
const item = arr[i];
if (!obj[item]) {
obj[item] = true;
output.push(item);
}
}
return output;
}
Мы создаем объект obj
Мы создаем пустой массив output
Мы проходим по исходному массиву arr
Если obj не содержит элемент item значения как свойство, то мы добавляем его в obj и output
Это решение имеет временную сложность O(n), потому что мы проходим по каждому элементу массива ровно один раз.
Хай! Сегодня твоя #задача :
Создать заявление switch, которое будет в окне предупреждений alert("Добро пожаловать") если fruits является "банан", и alert("Добро пожаловать") если fruits является "Яблоко".
Создать заявление switch, которое будет в окне предупреждений alert("Добро пожаловать") если fruits является "банан", и alert("Добро пожаловать") если fruits является "Яблоко".
Создание стилизованных радио-кнопок
уровень: средний
Задача по HTML и CSS: создайте стилизованные радио-кнопки используя HTML и CSS
Сделайте radio-кнопки как на изображении
Можно использовать только HTML и CSS.
Решение: https://codepen.io/dmitryvalak/pen/jOEXjvL
уровень: средний
Задача по HTML и CSS: создайте стилизованные радио-кнопки используя HTML и CSS
Сделайте radio-кнопки как на изображении
Можно использовать только HTML и CSS.
Решение: https://codepen.io/dmitryvalak/pen/jOEXjvL
Задача по HTML и CSS: создание HTML таблиц и работа с ними
Выполните все пункты задания и сравните с результатом.
1.Создайте папку в удобном для вас месте на вашем компьютере
2. В этой папке создайте новый HTML документ - index.html
3. В index.html создайте HTML скелет документа
4. Создайте новый CSS файл - style.css
5. Подключите CSS файл к HTML файлу
6. Создайте таблицу состоящую из 5 строк и 5 столбцов, укажите таблице класс table
7. Первую строку оберните в тег thead и столбцы переделайте в заглавные столбцы (th)
8. Последнюю строку оберните в тег tfoot
9. Оставшиеся строки оберните в тег tbody
10. Обозначьте столбцы первой строки заголовками, прописав текст (первый - №, второй - Имя, третий - E-mail, четвертый - Пол, пятый - Дата) в тегах th
11. Заполните строки, которые находятся в tbody любыми произвольными данными
12. В последней строке, которая находится в tfoot, объедините все столбцы в один, используя соответствующий атрибут для td
13. В получившимся столбце напишите текст "Всего: 3"
14. В CSS файле создайте селектор .table td, .table th и создайте сплошную границу толщиной в 1 пиксель и цветом #ccc; и задайте внутренний отступ сверху и снизу по 5px, слева и справа по 10px
15. Создайте селектор .table и объедините границы ближайших столбцов при помощи специального свойства (ищите в поиске "поведение границ таблицы"), так же задайте таблице ширину 500px;
16. Создайте селектор .table thead и измените цвет фона на #f0f1f4;
17. Создайте селектор .table tfoot и измените цвет фона на #121212;, цвет текста на #fff; и текст прижать к правому краю
Результат: https://codepen.io/dmitryvalak/pen/zYxMWoJ
Выполните все пункты задания и сравните с результатом.
1.Создайте папку в удобном для вас месте на вашем компьютере
2. В этой папке создайте новый HTML документ - index.html
3. В index.html создайте HTML скелет документа
4. Создайте новый CSS файл - style.css
5. Подключите CSS файл к HTML файлу
6. Создайте таблицу состоящую из 5 строк и 5 столбцов, укажите таблице класс table
7. Первую строку оберните в тег thead и столбцы переделайте в заглавные столбцы (th)
8. Последнюю строку оберните в тег tfoot
9. Оставшиеся строки оберните в тег tbody
10. Обозначьте столбцы первой строки заголовками, прописав текст (первый - №, второй - Имя, третий - E-mail, четвертый - Пол, пятый - Дата) в тегах th
11. Заполните строки, которые находятся в tbody любыми произвольными данными
12. В последней строке, которая находится в tfoot, объедините все столбцы в один, используя соответствующий атрибут для td
13. В получившимся столбце напишите текст "Всего: 3"
14. В CSS файле создайте селектор .table td, .table th и создайте сплошную границу толщиной в 1 пиксель и цветом #ccc; и задайте внутренний отступ сверху и снизу по 5px, слева и справа по 10px
15. Создайте селектор .table и объедините границы ближайших столбцов при помощи специального свойства (ищите в поиске "поведение границ таблицы"), так же задайте таблице ширину 500px;
16. Создайте селектор .table thead и измените цвет фона на #f0f1f4;
17. Создайте селектор .table tfoot и измените цвет фона на #121212;, цвет текста на #fff; и текст прижать к правому краю
Результат: https://codepen.io/dmitryvalak/pen/zYxMWoJ
codepen.io
Работа с таблицами
...
Создание постраничной навигации
уровень: начинающий
Задача по HTML и CSS: создайте простую постраничную навигацию
Элементы навигации должны быть по центру
Размер элементов навигации 40х40
Фон элементов навигации #ddd, цвет текста #333, текст по центру по двум осям
Фон элементов навигации при наведении #ccc
Фон активного элемента навигации #d10953, цвет текста #fff
Расстояние между элементами навигации 6px
Для создание стрелок используйте специальные символы HTML
Пример на картинке
Решение: https://codepen.io/dmitryvalak/pen/WNbPzJG
Ставь лайк)
уровень: начинающий
Задача по HTML и CSS: создайте простую постраничную навигацию
Элементы навигации должны быть по центру
Размер элементов навигации 40х40
Фон элементов навигации #ddd, цвет текста #333, текст по центру по двум осям
Фон элементов навигации при наведении #ccc
Фон активного элемента навигации #d10953, цвет текста #fff
Расстояние между элементами навигации 6px
Для создание стрелок используйте специальные символы HTML
Пример на картинке
Решение: https://codepen.io/dmitryvalak/pen/WNbPzJG
Ставь лайк)
Создание "хлебных крошек"
уровень: начинающий
Задача: создайте "хлебные крошки" используя HTML и CSS
На изображении показано как должны выглядеть "хлебные крошки"
Используйте список для создания структуры хлебных крошек
Стрелочки должны быть реализованы через псевдо-элемент after для всех элементов списка, кроме последнего
В последнем элементе списка должен быть span, в остальных - ссылки
Цвет ссылок #0b56ea, без подчеркивания, при наведении подчеркивать ссылки снизу
Цвет текста в span #333;
Решение: https://codepen.io/dmitryvalak/pen/VwYgdjW
уровень: начинающий
Задача: создайте "хлебные крошки" используя HTML и CSS
На изображении показано как должны выглядеть "хлебные крошки"
Используйте список для создания структуры хлебных крошек
Стрелочки должны быть реализованы через псевдо-элемент after для всех элементов списка, кроме последнего
В последнем элементе списка должен быть span, в остальных - ссылки
Цвет ссылок #0b56ea, без подчеркивания, при наведении подчеркивать ссылки снизу
Цвет текста в span #333;
Решение: https://codepen.io/dmitryvalak/pen/VwYgdjW
Создание формы регистрации
Уровень: начинающий
Условия: создайте форму регистрации используя HTML и CSS, как на указанном изображении
Решение: https://codepen.io/dmitryvalak/pen/XWJOVqw
Не забудь поставить лайк)
Уровень: начинающий
Условия: создайте форму регистрации используя HTML и CSS, как на указанном изображении
Решение: https://codepen.io/dmitryvalak/pen/XWJOVqw
Не забудь поставить лайк)
Создание стилизованных чекбоксов
Уровень: средний
Условие: Сделайте чекбоксы как на изображении. Можно использовать только HTML и CSS. Иконку галочки можете найти на сайте flaticon.com
Решение: https://codepen.io/dmitryvalak/pen/zYxyVRa
Уровень: средний
Условие: Сделайте чекбоксы как на изображении. Можно использовать только HTML и CSS. Иконку галочки можете найти на сайте flaticon.com
Решение: https://codepen.io/dmitryvalak/pen/zYxyVRa
Создание кнопок используя em
Уровень: средний
Условия: Создайте кнопки используя единицы измерения em в необходимых местах. Кнопки трех размеров: обычная, маленькая (sm) и большая (xl). За основу берите обычную кнопку
Для разных размеров кнопок можно изменять только размер шрифта, остальное должно изменяться автоматически (внутренний отступ, скругление границ и тень)
Кнопки должны быть стилизованы одинаково при использовании тегов как a так и button
Решение: https://codepen.io/dmitryvalak/pen/GRgzdpZ
Уровень: средний
Условия: Создайте кнопки используя единицы измерения em в необходимых местах. Кнопки трех размеров: обычная, маленькая (sm) и большая (xl). За основу берите обычную кнопку
Для разных размеров кнопок можно изменять только размер шрифта, остальное должно изменяться автоматически (внутренний отступ, скругление границ и тень)
Кнопки должны быть стилизованы одинаково при использовании тегов как a так и button
Решение: https://codepen.io/dmitryvalak/pen/GRgzdpZ
Задача: Переверните число задом наперед
Уровень: легкий
Условия: Напишите функцию JavaScript, которая переворачивает число.
Решение: по ссылке
Уровень: легкий
Условия: Напишите функцию JavaScript, которая переворачивает число.
Решение: по ссылке
Задача: Проверьте, является ли переданная строка палиндромом или нет
Уровень: Легкий
Условие: Напишите функцию JavaScript, которая проверяет, является ли переданная строка палиндромом? Палиндром - это слово, фраза или последовательность, которые читаются так же, как вперед, назад, например, level.
Решение: тут
Уровень: Легкий
Условие: Напишите функцию JavaScript, которая проверяет, является ли переданная строка палиндромом? Палиндром - это слово, фраза или последовательность, которые читаются так же, как вперед, назад, например, level.
Решение: тут
Задача: Функция, которая генерирует все комбинации строки
Уровень: Легкий
Условие: Напишите функцию
Решение: тут
Уровень: Легкий
Условие: Напишите функцию
substrings(str)
, которая генерирует все комбинации строки. Пример строки: 'dog'. Ожидаемый результат: d, o, do, g, dg, og, dog.Решение: тут
Давай решим задачу на поиск суммы элементов массива.
У нас есть массив чисел:
Наша задача - найти сумму всех чисел в этом массиве.
Решение по кнопке ниже))👇
У нас есть массив чисел:
const numbers = [1, 2, 3, 4, 5];
Наша задача - найти сумму всех чисел в этом массиве.
Решение по кнопке ниже))👇
Как вам новая тема? Мы выкладываем решение на сайте с объяснением что и куда работает))
Anonymous Poll
97%
Поддерживаю
3%
Не поддерживаю
Задача: Напиши функцию, которая принимает на вход строку и возвращает эту строку в обратном порядке.
Задача: «Посчитай сумму четных чисел»
Условия: Напишите функцию
Уровень сложности: Легкий
Решение: По кнопке ниже и не забудь поставить лайк)
Условия: Напишите функцию
sumEvenNumbers
, которая принимает на вход массив чисел и возвращает сумму всех четных чисел из этого массива. Если в массиве нет четных чисел, функция должна возвращать 0.Уровень сложности: Легкий
Решение: По кнопке ниже и не забудь поставить лайк)
Задача: «Проверка на палиндром»
Условие: Написать функцию, которая принимает на вход строку и определяет, является ли эта строка палиндромом. Палиндром — это слово, фраза или последовательность символов, которые читаются одинаково как вперед, так и назад, игнорируя пробельные символы, знаки пунктуации и регистр символов.
Уровень сложности: Средний
Решение: по ссылке
Условие: Написать функцию, которая принимает на вход строку и определяет, является ли эта строка палиндромом. Палиндром — это слово, фраза или последовательность символов, которые читаются одинаково как вперед, так и назад, игнорируя пробельные символы, знаки пунктуации и регистр символов.
Уровень сложности: Средний
Решение: по ссылке