How to convert an HTML table to a JavaScript array

Показать описание

An in-depth walkthrough of how to take an HTML table (from a website) and create a JavaScript array, using the browser console and a few lines of code.

In this video I use Firefox browser tools to write a script that converts an HTML table from the DOM into a JavaScript array. You can open the browser console using Command + Option + i on macOS and Control + Alt + i on Windows or Linux. This is part of a project I'm working on to create an NBA all-time scoring bar chart race.

=================
Behind the scenes
=================
I didn't need to do much preparation for this video since I'm comfortable enough with traversing the DOM to do it on the fly. As mentioned, I needed to do this as part of the project I'm working on and thought others might benefit from seeing how I do this.

Recording this video took me two takes, each with about 10 minutes of recording and then 20 minutes of editing (then I decided to re-record after I had edited once). I made two different thumbnails for this video and then spent about 10 minutes uploading the video, writing this description, and publishing it. I'd guess this took me between one and two hours total.