Elementos del array de impresión de JavaScript

1. Diferentes formas de imprimir elementos del array en JavaScript
2. Use el bucle for para imprimir elementos del array en JavaScript
3. Use el bucle while para imprimir elementos del array en JavaScript
4. Use el método forEach para imprimir elementos del array en JavaScript
5. Use la función console.log() para imprimir elementos del array en JavaScript
6. Utilice el método map() con el método join() para imprimir elementos del array en JavaScript
7. Use la función toString() para imprimir elementos del array en JavaScript
8. Utilice la función join() para imprimir elementos del array en JavaScript
9. Use la función pop() para imprimir elementos del array en JavaScript
10. Use el método shift() para imprimir elementos del array en JavaScript
11. Use el método concat() para imprimir elementos del array en JavaScript
12. Use el método slice() para imprimir elementos del array en JavaScript

Este tutorial demuestra cómo puede imprimir elementos del array de JavaScript. También depende de las necesidades de su proyecto, ya sea que desee imprimir el array completa o una cantidad particular de elementos.

O desea imprimir elementos del array en formato de cadena o algo más. Exploremos diferentes formas de imprimir arrays en JavaScript.

Diferentes formas de imprimir elementos del array en JavaScript

Los bucles for y while iteran sobre los elementos del array, uno a la vez, y cada elemento se imprime en una línea separada, mientras que podemos obtener este mismo resultado usando el método forEach().

La función forEach() ejecuta el método particular una vez para cada elemento del array.

Podemos imprimir todos los elementos del array pasando el nombre del array a la función console.log(). También podemos usar los métodos map() y join() para manipular primero y luego imprimir los elementos del array.

Por ejemplo, queremos numerar cada elemento del array en la salida.

La función map() crea un nuevo array llamando a una función una vez para cada elemento, pero no cambial array original. Recuerde, no ejecuta la función para un elemento vacío.

La función join() actúa como un separador que separa los elementos del array con un separador específico.

El pop() le devuelve el último elemento mientras que shift() devuelve el primer elemento del array, pero ambos son mejores para usar cuando desea que esos elementos se eliminen de una cadena porque ambos pueden cambiar el array original.

La función toString() convierte el array a formato de cadena. La función slice() nos da el elemento seleccionado del array como un nuevo array pero no cambial array original.

También puede funcionar según los índices de start y end particulares (el índice de end es exclusivo aquí).

Use el bucle for para imprimir elementos del array en JavaScript

Comencemos con el uso de un bucle for simple para imprimir un array de JavaScript completa.

var names = ['mehvish', 'tahir', 'aftab', 'martell'];
// for loop
for (var i = 0; i < names.length; i++) {
  console.log(names[i]);
}

Producción :

"mehvish"
"tahir"
"aftab"
"martell"

Use el bucle while para imprimir elementos del array en JavaScript

Veamos a continuación cómo el bucle while produce la salida.

var names = ['mehvish', 'tahir', 'aftab', 'martell'];
var i = 0;
// while loop
while (i < names.length) {
  console.log(names[i]);
  i++;
}

Producción :

"mehvish"
"tahir"
"aftab"
"martell"

Use el método forEach para imprimir elementos del array en JavaScript

¿Has pensado en el método forEach para imprimir un array de JavaScript completa (un elemento por línea)? Vea el fragmento de código a continuación.

var names = ['mehvish', 'tahir', 'aftab', 'martell'];
names.forEach(element => console.log(element));

Producción :

"mehvish"
"tahir"
"aftab"
"martell"

Use la función console.log() para imprimir elementos del array en JavaScript

Hemos explorado las formas que imprimen el array completa pero un elemento en cada línea. Puede imprimir todos los elementos del array en una sola línea de la siguiente manera.

var names = ['mehvish', 'tahir', 'aftab', 'martell'];
console.log(names);

Producción :

["mehvish", "tahir", "aftab", "martell"]

Utilice el método map() con el método join() para imprimir elementos del array en JavaScript

También podemos mostrar todos los elementos en una línea de la siguiente manera.

var names = ['mehvish', 'tahir', 'aftab', 'martell'];
var element = names.map((e, i) => (i + 1 + '.' + e)).join(' ');
console.log(element);

Producción :

"1.mehvish 2.tahir 3.aftab 4.martell"

Use la función toString() para imprimir elementos del array en JavaScript

¿Has pensado que tenemos una función llamada toString() que puede convertir el array en una cadena? Consulte el siguiente ejemplo de código.

var names = ['mehvish', 'tahir', 'aftab', 'martell'];
console.log(names.toString());

Producción :

"mehvish,tahir,aftab,martell"

Utilice la función join() para imprimir elementos del array en JavaScript

Vimos que el array se convierte en una cadena arriba, pero cada elemento está separado por una coma. ¿Qué pasa si queremos que todos los elementos estén separados en un solo espacio? Para ello se utiliza la función join().

var names = ['mehvish', 'tahir', 'aftab', 'martell'];
console.log(names.join(' '));

Producción :

"mehvish tahir aftab martell"

Use la función pop() para imprimir elementos del array en JavaScript

¿Está pensando en imprimir solo el último elemento del array? Podemos hacerlo usando la función pop().

var names = ['mehvish', 'tahir', 'aftab', 'martell'];
console.log(names.pop());

Producción :

"martell"

Use el método shift() para imprimir elementos del array en JavaScript

En el siguiente código, el método shift() imprime el primer elemento del array.

var names = ['mehvish', 'tahir', 'aftab', 'martell'];
console.log(names.shift());

Producción :

"mehvish"

Use el método concat() para imprimir elementos del array en JavaScript

Tenemos dos arrays de JavaScript separadas e imprimimos ambas en una línea. Queremos los elementos del segundo array después de los del primero.

Concatenaremos el fruitsArrayTwo con fruitsArrayOne usando el método Concat().

var fruitsArrayOne = ['apple', 'banana', 'grapes'];
var fruitsArrayTwo = ['mango', 'water-melon'];
console.log(fruitsArrayOne.concat(fruitsArrayTwo));

Producción :

["apple", "banana", "grapes", "mango", "water-melon"]

Use el método slice() para imprimir elementos del array en JavaScript

También podemos imprimir un determinado array de elementos usando el método slice(). También podemos usar el método splice() para agregar y eliminar elementos del array. Para obtener más información, consulta esta página.

var names = ['mehvish', 'tahir', 'aftab', 'martell'];
console.log(names.slice(0, 2));  // end index is not inclusive here

Producción :

["mehvish", "tahir"]