Методы и примеры работы с FormData в JavaScript

В JavaScript термина «массив formData» не существует. Однако существует несколько методов и свойств, связанных с объектом FormData, которые можно использовать для работы с данными формы. Объект FormData используется для сбора данных формы в формате пары ключ-значение. Вот некоторые часто используемые методы и свойства:

  1. append(name, value): добавляет новое значение к объекту FormData с указанным именем.

    let formData = new FormData();
    formData.append('username', 'john');
    formData.append('email', 'john@example.com');
  2. get(name): извлекает первое значение, связанное с указанным именем, из объекта FormData.

    let username = formData.get('username');
    console.log(username); // Output: 'john'
  3. getAll(name): извлекает все значения, связанные с указанным именем, из объекта FormData в виде массива.

    let emails = formData.getAll('email');
    console.log(emails); // Output: ['john@example.com']
  4. has(name): проверяет, содержит ли объект FormData значение, связанное с указанным именем.

    let hasEmail = formData.has('email');
    console.log(hasEmail); // Output: true
  5. delete(name): удаляет значение, связанное с указанным именем, из объекта FormData.

    formData.delete('email');
  6. set(name, value): устанавливает новое значение для указанного имени в объекте FormData, заменяя любые существующие значения.

    formData.set('username', 'jane');
  7. entries(): возвращает итератор, позволяющий перебирать все пары ключ-значение в объекте FormData.

    for (let entry of formData.entries()) {
    console.log(entry[0] + ': ' + entry[1]);
    }