

- Trending Categories
Data Structure
Networking
RDBMS
Operating System
Java
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
- 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 Questions & Answers
- Convert integer array to string array in JavaScript?
- How to convert PHP array to JavaScript array?
- Convert array of object to array of array in JavaScript
- JavaScript Convert an array to JSON
- Convert nested array to string - JavaScript
- How to convert Multidimensional PHP array to JavaScript array?
- How to convert a JavaScript array to C# array?
- How to convert Array to Set in JavaScript?
- How to convert array to object in JavaScript
- How to sort an HTML table using JavaScript?
- Convert object of objects to array in JavaScript
- Convert object to array of objects in JavaScript
- Convert array into array of subarrays - JavaScript
- How to convert an array into a complex array JavaScript?
- How can I convert Python dictionary to JavaScript hash table?
Advertisements