Array-like objects are objects that have some characteristics of arrays but may not be true JavaScript arrays. They have numeric indices and a length property like arrays, allowing you to access elements using bracket notation and loop through them.
<blockquote>
Note: They may lack some of the array methods like <code>push</code>, <code>pop</code>, or <code>forEach</code> but rather have similar methods to achieve the same functionality.
</blockquote>
<h2>Examples of Array-Like Objects:</h2>
<ul>
<li>NodeList: Returned by methods like <code>querySelectorAll</code>.</li>
<li>Arguments object: Available inside function calls.</li>
<li>String: Access characters by index.</li>
<li>TypedArray: Like <code>Unit8Array</code>, <code>Int16Array</code>.</li>
<li>Set and Map objects.</li>
</ul>
To loop through array-like objects, you can use various techniques:
<pre class="shiki github-dark shaku"><code>const arrayLike = { 0: 'a', 1: 'b', 2: 'c', length: 3 };// for loopfor (let i = 0; i &lt; arrayLike.length; i++) { const item = arrayLike[i]; console.log(item);}// Using while looplet i = 0;while (i &lt; arrayLike.length) { const item = arrayLike[i]; console.log(item); i++;} // Convert to an array firstconst array = Array.from(arrayLike);// ORconst array = [...arrayLike];// For...of Loopfor (const item of array) { console.log(item);}// Array.forEacharray.forEach(item =&gt; { console.log(item);});</code></pre>

Array-like objects explained

We meet a lot of Array-Like objects, like return value of document.querySelectorAll(). What exactly are Array-Like Objects? How can we loop through th…