You should note that this method isn’t actually supported by Internet Explorer, but who cares about Internet Explorer now anyway… const boxes = om(document.getElementsB圜lassName('box')) Convert to array using () This is my preferred method of converting to array because it is semantically very easy to read at a glance. The code looks something like this: const boxArray = Convert to array using om()Īom does what it sounds like it converts array-like objects to actual arrays. This works because the HTMLCollection is iterable. Convert to array using a spread operatorĪ spread operator will allow us to expand the values of our array-like object and push them into a new array. Here are 4 ways to convert the returned HTMLCollection to an array. Ĭonst boxes = document.getElementsB圜lassName('box') ![]() Each div has the same class and we query for a HTMLCollection using ‘ getElementsB圜lassName‘. ![]() Let’s start with a simple scenario where we have 5 divs. Today I’m going to show you how to make these objects a little bit more useful, by converting them into JavaScript arrays. They include objects with a length property, such as HTMLCollection, NodeList, argument list and even strings. Facebook Share Twitter Share LinkedIn ShareĮver had an array-like object that you want to iterate over? These annoying collections, which look like arrays, don’t have access to useful array methods like the ‘ forEach‘ loop.
0 Comments
Leave a Reply. |