# 
## 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?

 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: [   {     name:   ,     value:      },   {     name:   ,     value:      },   ... ]  Example Let s look at an example of the serializeArray() method in the code snippet below: 