- Trending Categories
Data Structure
Networking
RDBMS
Operating System
Java
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
Physics
Chemistry
Biology
Mathematics
English
Economics
Psychology
Social Studies
Fashion Studies
Legal Studies
- Selected Reading
- UPSC IAS Exams Notes
- Developer's Best Practices
- Questions and Answers
- Effective Resume Writing
- HR Interview Questions
- Computer Glossary
- Who is Who
Convert HTML table to array in JavaScript?
Get data from tag using find() and store that data into array using push(). Let’s say the following is our table −
<table id="details"> <thead> <tr> <th>Name</th> <th>Age</th> </tr> </thead> <tbody> <tr><td>John</td><td>23</td> <tr><td>David</td><td>26</td> </tbody> </table>
Let’s fetch the data from <td> and store in an array. Following is the complete code −
Example
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initialscale=1.0"> <title>Document</title> <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> <style> .notShown { display: none; } </style> <script src="https://code.jquery.com/jquery-1.12.4.js"></script> <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> </head> <body> <table id="details"> <thead> <tr> <th>Name</th> <th>Age</th> </tr> </thead> <tbody> <tr><td>John</td><td>23</td> <tr><td>David</td><td>26</td> </tbody> </table> <script> var convertedIntoArray = []; $("table#details tr").each(function() { var rowDataArray = []; var actualData = $(this).find('td'); if (actualData.length > 0) { actualData.each(function() { rowDataArray.push($(this).text()); }); convertedIntoArray.push(rowDataArray); } }); console.log(convertedIntoArray); </script> </body> </html>
To run the above program, save the file name “anyName.html(index.html)” and right click on the file. Select the option “Open with Live Server” in VS Code editor.
Output
This will produce the following output −
- Related Articles
- Convert integer array to string array in JavaScript?
- Convert array of object to array of array in JavaScript
- How to convert PHP array to JavaScript array?
- How to convert array to object in JavaScript
- How to convert Array to Set in JavaScript?
- Convert nested array to string - JavaScript
- JavaScript Convert an array to JSON
- How to convert Multidimensional PHP array to JavaScript array?
- How to convert a JavaScript array to C# array?
- Convert object of objects to array in JavaScript
- Convert object to array of objects in JavaScript
- How to sort an HTML table using JavaScript?
- How to convert array of strings to array of numbers in JavaScript?
- How to convert nested array pairs to objects in an array in JavaScript ?
- Convert array into array of subarrays - JavaScript

Advertisements