Методы массива Js должны знать
Массивы — одна из самых распространенных вещей, которые вы собираетесь использовать как программист, поэтому сегодня я расскажу о методах массивов JavaScript, которые сделают вашу жизнь намного проще.
Начать
var items = [
{ 'name': 'TV', 'price': 148 },
{ 'name': 'Movie ticket', 'price': 40 },
{ 'name': 'Book', 'price': 100 },
{ 'name': 'Album', 'price': 80 }
];
У меня просто есть массив элементов, которые мы собираемся использовать для всех этих различных методов массива.
array.some(function(currentValue, index, arr), thisValue)
первый метод, о котором мы собираемся поговорить, — это функция Some, которая немного отличается от большинства других наших функций, поскольку вместо того, чтобы возвращать совершенно новый массив, она на самом деле возвращает true или false. поэтому мы можем проверить, имеют ли некоторые элементы в этом массиве цену меньше 100, поэтому мы можем сказать, что в дорогих предметах мы скажем, что есть дорогой предмет, поскольку мы хотим увидеть, есть ли в этом массиве какие-либо недорогие предметы, и все, что мы делаем, это сказать, что элементы расставляют точки над некоторыми, и это будет иметь тот же точный синтаксис, что и все эти другие методы массива, но он просто проверит наше возвращаемое значение, и как только один элемент вернет true, он вернет true для всего этого, поэтому мы можно просто сказать, что цена точки меньше или равна 100, поэтому, если что-то меньше или равно 100, мы скажем, что в этом массиве есть недорогие предметы, и мы можем затем зарегистрировать это как дорогие предметы, и если вы скажете, что вы видите, что он говорит правду, потому что у него есть элементы меньше или равные 100, которые вы c своего рода думать об этом как о любом, он просто проверяет массив, чтобы увидеть, возвращает ли что-нибудь в массиве true для этого, и если это так, все возвращает true, но скажем, мы хотели проверить, есть ли какие-либо элементы, которые полностью бесплатны, поэтому меньше больше или равно нулю, и вы увидите, что он возвращает false, потому что ничто в массиве не возвращает true для этого оператора
const hasInExpItems= items.some((item) => {
return item.price <=100
});
// output console.log(hasInExpItems);
true
array.every(function(currentValue, index, arr), thisValue)
следующий метод массива каждый очень похож на некоторые, за исключением того, что вместо проверки одного элемента зверя он проверяет, чтобы убедиться, что каждый элемент подпадает под него, поэтому, если мы говорим меньше или равно 100, это собираемся проверить, меньше ли каждый элемент в массиве 100, и если вы сохраните это, вы увидите, что здесь мы получаем false, потому что есть элементы больше 100, если мы изменим это на тысячу и запустим, вы увидите что мы получаем true, потому что все элементы в этом массиве меньше 1000, поэтому все возвращает true для этого, поэтому все это будет возвращать true
const hasInExpItems= items.every((item) => {
return item.price <=1000
});
// output console.log(hasInExpItems);
true
array.reduce(function(total, currentValue, currentIndex, arr), initialValue)
следующий метод, о котором я хочу рассказать, метод reduce, немного отличается от всех других методов, поскольку он фактически выполняет некоторую операцию над массивом и возвращает комбинацию всех этих различных операций, поэтому, если мы хотел получить общую стоимость всех различных элементов в этом массиве, что вы обычно делаете, это просто выполняете цикл for и добавляете цену за свой раз, а в конце цикла for вы распечатываете цену, но вы можете использовать метод сокращения, чтобы сделать это вместо этого, и синтаксис для сокращенного метода немного отличается, вместо того, чтобы брать элемент, он принимает элемент и свойство для того, во что мы хотим сократить все, в нашем случае это просто будет суб или текущий итог, так что это будет итог после каждой итерации массива, а затем он также принимает второй параметр, который будет вашей отправной точкой в нашем случае, мы хотим начать наш итог с нуля, а затем в здесь все, что мы делаем, это возвращаем цену элемента, и мы добавляем его к любой текущей сумме, и теперь, если мы распечатаем эту сумму, вы увидите, что мы получим ошибку, и это потому, что эта текущая сумма на самом деле будет первым методом в нашем параметре и вторым method - это фактический элемент, который мы собираемся генерировать, и теперь, если мы скажем, что вы увидите, что мы получим в сумме 368
const total= items.reduce((currentIndex,item) => {
return item.price + currentIndex;
},0);
// output console.log(total);
368
