Мы поговорим о лучших методах массивов JavaScript, которые вам следует знать. Используя эти методы, вы можете ускорить свое развитие.

1. Фильтр:

Здесь у нас есть массив элементов -

const list = [
 { name: "book", price: 2 },
 { name: "book", price: 2 },
 { name: "pen", price: 12 },
 { name: "ink", price: 14 },
 { name: "rubber", price: 6 },
 { name: "pencil", price: 4 },
 { name: "notebook", price: 3 },
 { name: "camera", price: 20 },
];

Теперь мы хотим отфильтровать предметы, цена которых меньше 10. Для этого мы можем фильтровать метод:

const filterList = list.filter(item=> item.price < 10)
// Output
[{name: 'book', price: 2},
{name: 'book', price: 2},
{name: 'rubber', price: 6},
{name: 'pencil', price: 4},
{name: 'notebook', price: 3}]

2. Карта:

Используя этот метод, мы можем перебрать все элементы массива и создать новый массив. Например, если мы хотим создать массив только с именами элементов, тогда мы можем использовать карту.

const newArray = list.map(item=> item.name)
//Output
['book', 'book', 'pen', 'ink', 'rubber', 'pencil', 'notebook', 'camera']

3. Найдите:

Используя метод find, мы можем найти единственный элемент в массиве. Чтобы найти элемент, мы добавляем утверждение true или false, и оно вернет первый элемент, для которого выполнено условие.

const findItem = list.find(item=> item.name === "camera")
//Output
{name: 'camera', price: 20}

4. forEach

Это похоже на цикл for в javaScript, но он не возвращает массив. Просто мы можем перебрать все элементы в массиве.

list.forEach(item=> console.log(item.name));
//Output
'book'
'book'
'pen'
'ink'
'rubber'
'pencil'
'notebook'
'camera'

5. Некоторые

Некоторые функции возвращают истину или ложь при выполнении условия. Он перебирает все элементы, пока не найдет условие. Если условие найдено, оно вернет истину, в противном случае - ложь.

const hasCamera = list.some(item=> item.name === "camera")
//Output
true

6. Каждые

Он похож на некоторые, но вместо проверки одного элемента он проверяет каждый элемент. Если какое-либо условие не выполнено, оно вернет false.

const hasMoreLess20 = list.every(item=> item.price < 20)
//Output
false
const hasMoreLess21 = list.every(item=> item.price < 21)
//Output
true

7. Уменьшить

Сократить количество циклов по всем элементам массива и дать накопленный результат.

Синтаксис: array.reduce (function (total, currentValue), initialValue)

Здесь мы хотим рассчитать общую стоимость всех элементов в массиве -

const total = list.reduce((total,item)=> total + item.price, 0);
//Output
63

8. Включает

Он проверит, присутствует ли элемент в массиве или нет. Он принимает один аргумент в качестве входных данных и возвращает истину или ложь.

const numbers = [2, 5, 8, 9, 8, 6];

Здесь мы проверяем, находится ли 9 в массиве или нет -

const isNine = numbers.includes(9);
//Output
true

Купи мне кофе здесь https://www.buymeacoffee.com/gyanknojiya

Спасибо, что прочитали эту статью. Вы можете поиграть с этим кодом https://codepen.io/gyanendraknojiya/pen/GRvjZvZ, чтобы узнать больше.
Если у вас есть какие-либо вопросы, не стесняйтесь обращаться ко мне: «https://gyanendra.tech/ #контакт"

Первоначально опубликовано на https://codingcafe.co.in.