splice()
в JavaScript и как он используется?splice()
— это метод массивов в JavaScript, который изменяет оригинальный массив, удаляя, добавляя или заменяя элементы. Он полезен для управления содержимым массива на месте.const numbers = [1, 2, 3, 4, 5];
// Удаляем 2 элемента, начиная с индекса 1
numbers.splice(1, 2);
console.log(numbers); // [1, 4, 5]
// Вставляем новые элементы на индекс 1
numbers.splice(1, 0, 99, 100);
console.log(numbers); // [1, 99, 100, 4, 5]
•
splice(1, 2)
удаляет два элемента начиная с индекса 1.•
splice(1, 0, 99, 100)
вставляет два элемента без удаления.• Метод изменяет исходный массив, в отличие от
slice()
.CodeBase | Frontend | #JS
Please open Telegram to view this post
VIEW IN TELEGRAM
filter()
в JavaScript и как он используется?filter()
— это метод массивов в JavaScript, который создаёт новый массив, содержащий только те элементы, которые прошли проверку в переданной функции. Исходный массив не изменяется.const numbers = [1, 2, 3, 4, 5];
// Оставляем только чётные числа
const evens = numbers.filter(num => num % 2 === 0);
console.log(evens); // [2, 4]
•
filter()
проверяет каждый элемент на условие• Возвращает новый массив только с подходящими элементами
• Полезен для фильтрации данных на основе критериев.
filter()
часто используется при работе со списками в интерфейсахCodeBase | Frontend | #JS
Please open Telegram to view this post
VIEW IN TELEGRAM
map()
— это метод массивов в JavaScript, который создаёт новый массив, преобразуя каждый элемент исходного массива по заданной функции.Исходный массив не изменяется.
const numbers = [1, 2, 3, 4, 5];
// Умножаем каждый элемент на 2
const doubled = numbers.map(num => num * 2);
console.log(doubled); // [2, 4, 6, 8, 10]
•
map()
применяет функцию ко всем элементам массива• Возвращает новый массив с результатами
• Идеален для преобразования данных (например, умножение, форматирование).
CodeBase | Frontend | #JS
Please open Telegram to view this post
VIEW IN TELEGRAM
forEach()
в JavaScript и как он используется?forEach()
— это метод массивов в JavaScript, который выполняет заданную функцию для каждого элемента массива.Он не возвращает новый массив и чаще используется для побочных эффектов (логов, вызовов функций и т.д.).
const users = ["Анна", "Борис", "Вера"];
users.forEach((user, index) => {
console.log(`${index + 1}. Привет, ${user}!`);
});
1. Привет, Анна!
2. Привет, Борис!
3. Привет, Вера!
•
forEach()
перебирает массив• Удобен для вывода в консоль, вызова функций, работы с DOM
• Не изменяет оригинальный массив и не возвращает новый
CodeBase | Frontend | #JS
Please open Telegram to view this post
VIEW IN TELEGRAM
map()
в JavaScript и как он используется?map()
— это метод массивов в JavaScript, который создаёт новый массив, применяя функцию к каждому элементу исходного. Он не изменяет оригинальный массив.const numbers = [1, 2, 3, 4];
// Умножаем каждый элемент на 2
const doubled = numbers.map(num => num * 2);
console.log(doubled); // [2, 4, 6, 8]
•
map()
применяет функцию ко всем элементам массива• Возвращается новый массив с результатами
• Часто используется для форматирования данных перед выводом.
map()
— основа функционального подхода в работе с массивамиCodeBase | Frontend | #JS
Please open Telegram to view this post
VIEW IN TELEGRAM