# 
## Overview
The **`serializeArray()` method** is a built-in method in jQuery that creates an array of objects by serializing the entire form data or specific form elements.

## Syntax
```
$(selector).serializeArray();
```

## Parameters
This method doesn't accept any parameters.

## Return value
This method returns an array of objects. It will look something like this:
```jquery
[
  {
    name: '',
    value: ''
  },
  {
    name: '',
    value: ''
  },
  ...
]
```

## Example
Let's look at an example of the `serializeArray()` method in the code snippet below:

<html>
 <head>
   <title>jQuery | serialize() method</title>
   <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
 </head>
 <body>
    <form id="myForm">
      <label>Name:</label><br>
      <input type="text" name="name" placeholder="Enter your name" required>
      <br>
      <br>
      <label>Age:</label><br>
      <input type="number" name="age" placeholder="Enter your age" required>
      <br>
      <br>
      <button id="submit">Submit</button>
    </form>
 </body>
</html>

$(document).ready(function(){
  // execute following function on click of button
  $("#submit").click(function(){
    // serialize form data
    const array = $("#myForm").serializeArray();

    // print array on console
    console.log(array);
  });
});

label {
    width: 150px;
}

button {
    background-color: #00008B;
    color: #ffffff;
    padding: 5px 15px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

input {
    padding: 2px;
}

codemirror

console

## Explanation
In the HTML tab:
* **Line 4**: We import the `jQuery` script.
* **Line 7**: We create a `form`.
* **Line 9**: We create an `input` element of the `text` type.
* **Line 13**: We create an `input` element of the `number` type.
* **Line 16**: We create a `submit` button.


In the JavaScript tab:
* **Line 3**: We attach the `click()` method on the `submit` button.
* **Line 5**: We use the `serializeArray()` method to create an array of objects of the form values.
* **Line 8**: We print the array on the console.

## Output
The `serializeArray()` method is invoked when we click the submit button, and the array is printed on the console.


What is the serializeArray() method in jQuery?

The serializeArray() method in jQuery creates an array of objects by serializing entire form data. It returns an array of name-value pairs.