Error al acceder a un array de elementos en JavaScript

A veces, los programadores principiantes intentan trabajar con un array de elementos como si fueran un solo elemento. Veamos cuál es la esencia de este error.

Supongamos que tenemos los siguientes párrafos:

<p>1</p>
<p>2</p>
<p>3</p>

Supongamos que un programador decidió escribir el mismo valor en el texto de cada párrafo. Para ello, guardó las referencias a estos elementos en una variable:

let elems = document.querySelectorAll('p');

Luego, nuestro programista erróneamente accedió a nuestra variable como si contuviera un solo elemento, y no un array. Como resultado, el texto de los párrafos no cambiará, pero, característicamente, tampoco habrá un error en la consola:

elems.textContent = '!';

La solución correcta aquí sería recorrer el array de elementos con un bucle y para cada elemento por separado realizar la operación requerida:

for (let elem of elems) {
	elem.textContent = '!';
}