LibCode
LibCode
Контакт

LibCode»Блог

LibCode — это библиотека кода и знаний для разработчиков, где каждый найдет полезные ресурсы, уроки и инструменты для создания и совершенствования своих проектов.

MySQL | PHP | Python | C++ | JavaScript

Создано при поддержке GigaChat.
Поиск блогов...

JavaScript: Как получить URL текущей страницы

JavaScript Справочник
На JavaScript можно легко получить полный адрес текущей страницы с помощью объекта window.location.

Объекты и свойства, которые помогут получить полный URL


  • window.location.href: возвращает полный URL текущей страницы.
  • window.location.protocol: возвращает протокол (например, http: или https:).
  • window.location.host: возвращает хост (например, example.com или sub.example.com).
  • window.location.pathname: возвращает путь (например, /folder/file.html).
  • window.location.search: возвращает строку запроса (например, ?param=value).
  • window.location.hash: возвращает фрагмент (часть после символа #).

Пример использования


ВыделитьJavaScript
console.log(window.location.href); // Полный URL страницы
console.log(window.location.protocol); // Протокол (например, http:, https:)
console.log(window.location.host); // Домен (например, example.com)
console.log(window.location.pathname); // Путь (например, /folder/file.html)
console.log(window.location.search); // Строка запроса (например,
...

JavaScript: Функция filter()

JavaScript Функция
Функция filter() позволяет отобрать элементы массива, которые соответствуют заданному условию. Это удобный способ фильтрации данных, особенно когда нужно получить подмножество элементов массива, удовлетворяющих определенному критерию.

Что делает функция filter()?


Функция filter() принимает один обязательный аргумент — функцию, которая определяет, следует ли включить элемент в новый массив. Она возвращает новый массив, содержащий только те элементы, которые удовлетворяют условию.

Синтаксис:
ВыделитьСинтаксис: filter()
let filteredArray = arr.filter(callback(currentValue[, index[, array]])[, thisArg])

Параметры:
  • arr: Исходный массив.
  • callback: Функция, которая определяет, включать ли элемент в новый массив.
  • currentValue: Текущий элемент массива.
  • index: Индекс текущего элемента.
  • array: Весь исходный массив.
  • thisArg: Необязательный параметр, указывающий значение this внутри функции.

Возвращаемое значение:
  • Новый массив, содержащий только те элементы, которые удовлетворяют условию.

Пример использова

...

JavaScript: Функция map()

JavaScript Функция
Функция map() создаёт новый массив, применяя указанную функцию к каждому элементу исходного массива. Она не изменяет исходный массив, а возвращает новый массив с результатами.

Синтаксис:
ВыделитьJavaScript
const newArray = array.map(function(currentValue, index, array) {
    // Возвращаемое значение будет элементом нового массива
});

Параметры:
  • currentValue: Текущий обрабатываемый элемент массива.
  • index: Индекс текущего обрабатываемого элемента.
  • array: Исходный массив, к которому применяется функция map().

Пример использования


ВыделитьJavaScript
const numbers = [1, 2, 3, 4, 5];

const doubledNumbers = numbers.map(function(num) {
    return num * 2;
});

console.log(doubledNumbers); // Вывод: [2, 4, 6, 8, 10]

Объяснение:
  1. Исходный массив: numbers = [1, 2, 3, 4, 5].
  2. Функция: function(num) { return num * 2; } — удваивает каждый элемент массива.
  3. Новый массив: doubledNumbers = [2, 4, 6, 8, 10].

Дополнительные примеры



Преобразование строк в верхний регистр:
ВыделитьJavaScript
const names =
...

JavaScript: Set и Map

JavaScript Справочник
ES6 (EcmaScript 2015) принес в JavaScript две новые коллекции: Set и Map. Они значительно упрощают работу с данными и предлагают удобное решение для множества задач.

Что такое Set и Map?


  • Set — это коллекция уникальных значений. В Set каждый элемент уникален, что позволяет легко удалять дубликаты и проверять наличие элементов.
  • Map — это коллекция пар "ключ-значение", где ключи могут быть любого типа (в отличие от объектов, где ключи — только строки или символы).

Примеры использования Set и Map



Использование Set
Выделить
const set = new Set([1, 2, 3, 4, 4, 5]);
console.log(set); // Set { 1, 2, 3, 4, 5 }

set.delete(3);
console.log(set); // Set { 1, 2, 4, 5 }

set.forEach(value => console.log(value));

Использование Map
Выделить
const map = new Map();
map.set("name", "John");
map.set("age", 30);

console.log(map.get("name")); // John
console.log(map.size); // 2

map.forEach((value, key) => console.log(key, value));

Set и Map — это мощные инструменты для работы с данными в JavaScript....

JavaScript: Новый синтаксис классов

JavaScript Справочник
С появлением ES6 (EcmaScript 2015) в JavaScript появился новый синтаксис для работы с классами. Этот синтаксис позволяет создавать классы и наследоваться от них, что делает код более понятным и удобным для разработчиков.

Что такое классы в JavaScript?


Классы в JavaScript представляют собой упрощенный синтаксис для создания объектов и работы с наследованием. Класс — это шаблон для создания объектов, определяющий их структуру и поведение.

Ключевые концепции классов:
  • Constructor: конструктор класса, вызываемый при создании объекта.
  • Methods: методы класса, доступные всем объектам, созданным из этого класса.
  • Inheritance: наследование, позволяющее расширять функциональность классов.

Примеры использования классов



Простой класс
Выделить
class Person {
    constructor(name) {
        this.name = name;
    }

    greet() {
        console.log(`Hello, I'm ${this.name}`);
    }
}

const person = new Person("John");
person.greet(); // Hello, I'm John

Наследование
Выделить
class Employee extends
...
Реклама