В этом блоге мы увидим, что, как и где использовать Map, Reduce, Filter в Javascript.
let myarray = [
{
name: "John",
city: "london",
dept: "computer",
salary: 1000,
},
{
name: "bella",
city: "new york",
dept: "fianance",
salary: 1000,
},
{
name: "justine",
city: "paris",
dept: "computer",
salary: 1000,
},
];
console.log("myarray : ", myarray);
карта
Метод map используется для создания нового массива из существующего массива. Метод Map используется для создания нового массива путем выполнения преобразования каждого элемента массива.
Он принимает функцию в качестве аргумента и применяет эту функцию к каждому элементу массива. Функция должна вернуть преобразованное значение. Метод карты возвращает новый массив с преобразованными значениями. Исходный массив не изменяется.
let mapArray = myarray.map(function (item) {
return item.name;
});
console.log("mapArray : ", mapArray);
в приведенном выше примере мы используем метод карты, чтобы получить имя каждого объекта в массиве и сохранить его в новом массиве с именем mapArray.
Фильтр
в методе filter мы фильтруем массив на основе условия и передаем функцию в качестве аргумента. Функция должна возвращать true или false. Метод filter возвращает новый массив с отфильтрованными значениями. Исходный массив не изменяется. Исходный массив не изменяется.
let filterArray = myarray.filter(function (item) {
if (item.dept == "computer") {
return true;
} else {
return false;
}
});
console.log("filterArray : ", filterArray);
в приведенном выше примере мы используем метод filter для фильтрации массива на основе условия и передаем функцию в качестве аргумента. если отделом объекта является компьютер, то он вернет true, иначе он вернет false.
Уменьшать
Метод Reduce используется для сокращения массива до одного значения. Он принимает функцию в качестве аргумента и применяет эту функцию к каждому элементу массива. Функция должна возвращать преобразованное значение. Метод сокращения возвращает одно значение. Исходный массив не изменяется.
let reduceArray1 = myarray.reduce(function (acc, item) {
return acc + item.salary;
}, 0);
console.log("reduceArray1 : ", reduceArray1);
в приведенном выше примере мы используем метод сокращения, чтобы получить сумму всей зарплаты каждого объекта в массиве, и мы передаем 0 в качестве аргумента функции, чтобы получить сумму всей зарплаты каждого объект в массиве.
мы разрабатываем полнофункциональное приложение с использованием Reactjs, Futter и Django, если вы заинтересованы, подпишитесь на средний аккаунт и посетите наш веб-сайт.
спасибо, что посетили…
