Как использовать карту вместо цикла for в javascript?

У меня есть multiple images, который я хочу загрузить, но мой вопрос: я хочу остановить загрузку файла размером более 2 МБ, так как же проверить размер всех выбранных файлов не более 2 МБ, используя карту вместо цикла for?

console.info(this.state.files); // see screenshot

Это консоль:

for (let i = 0; i < this.state.files.length; i++) {
  if (this.state.files[i].size > 2000000){
     console.info("files is ok");
  }else{
     console.info("files not allow to more then 2MB");
  }
}

пусть uploadFiles=this.state.files.filter(p=>p.size < 2000000);

— 13.02.2019 09:34

Вы ищете Array.filter() не Array.map()

— 13.02.2019 09:35

@Weedoze Для меня Array.some() имеет еще больше смысла, если только вы не хотите сообщить пользователю, какие файлы слишком толстые, или просто отправить худые без сообщения об ошибке.

— 13.02.2019 09:37

@Amadan OP просит прекратить загрузку файла размером более 2 МБ. Действительно, не совсем ясно, хочет ли он остановить все загрузки или по-прежнему загружает все файлы размером менее 2 МБ.

— 13.02.2019 09:49

javascript arrays

13.02.2019 09:32

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

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

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...

Безумие обратных вызовов в javascript [JS]

Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

JavaScript Вопросы с множественным выбором и ответы

Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...

167

Перейти к ответу Данный вопрос помечен как решенный

Ответы 4

//print the warnings as in OP post
this.state.files.forEach(file =>{
   if (file.size < 2000000){
     console.info("files is ok");
  }else{
     console.info("files not allow to more then 2MB");
  } 
})
//filter array and upload
this.state.files.filter(e=>e.size < 2000000).forEach(e=>{/*upload here*/})

13.02.2019 09:34

Вам нужно использовать фильтр вместо карта

var images = this.state.files.filter(file => file.size < 2000000)

зачем вам нужна скобка { со стрелкой оператора return , которая по умолчанию вернет одну строку

— 13.02.2019 09:40

13.02.2019 09:38

Если вы хотите проверить, меньше ли каждый файл 2 МБ, используйте every

const areFilesValid = this.state.files.every(f => f.size < 2000000);

if (areFilesValid) {
  // continue uploading
} else {
  // don't upload
}

(размер надо сравнивать с 2*1024*1024 а не 2000000)

13.02.2019 09:43

Ответ принят как подходящий

Все файлы :

this.state.files

Файлы размером менее 2000000

let smallSizeFiles = this.state.files.filter((file) => file.size < 2000000 );

Файлы размером больше 2000000

let largeSizeFiles = this.state.files.filter((file) => file.size => 2000000 );

13.02.2019 09:49

Другие вопросы по теме

Сортировка массива пользовательского словаря по ключу (общая функция Swift)

Циклическое обращение BLOB-объекта к массиву добавляет 48 к значениям массива

Найти индекс объекта в javascript, используя его имя свойства

Круговой диапазон индексов в Python

Переназначить значения с помощью нескольких операторов if Numpy

Напишите не равно "!=" в массиве WHERE CLAUSE

Как мне получить широту и долготу из моей структуры массива и создать маркер?

Отношение Laravel ORM возвращает данные в виде массива вместо объекта

Bash: как добавить элементы массива в команду?

Как показать повторяющиеся данные в многомерном массиве с помощью PHP

Как использовать карту вместо цикла for в javascript?

Ответы 4

Другие вопросы по теме

Похожие вопросы