¿Cómo agregar un elemento a un array en JavaScript?

Estrada Web Group
Administrador
¿Cómo agregar un elemento a un array en JavaScript?

El método .push() de JavaScript es un método muy útil para agregar elementos al final de una Array o arreglo. Después de agregar un elemento al final de la Array, el método .push() devuelve la nueva longitud de la matriz.

Sintaxis

arr.push(element1, element2, etc...)

El método .push() acepta tipos de datos String , Numéricos, Booleanos, Objetos, Undefined y Null.

Probémoslo con unos ejemplos

Strings

En este ejemplo, vamos a crear una matriz de String y vamos a declarar en la variable colores. Entonces vamos a añadirle el color naranja.

var colores = ['rojo', 'verde', 'amarillo', 'azul'];
colores.push('naranja'); // Regresa: 5
console.log(colores);  // regresa: ['rojo', 'verde', 'amarillo', 'azul', 'naranja']

Números

Aquí crearemos un arreglo tipo number llamada testScores y luego agregamos dos nuevas puntuaciones de prueba al array al mismo tiempo.

var testScores = [77, 98, 81, 76];
testScores.push(100, 71); // Regresa: 6
console.log(testScores); // Regresa: [77, 98, 81, 76, 100, 71];

Objetos

En el ejemplo anterior, enviamos los puntajes de las pruebas a la matriz, pero eso no es muy útil para el usuario final. Sería bueno ver los nombres de los estudiantes para los cuales se obtuvieron las calificaciones, de modo que podamos hacer un seguimiento de todos ellos en un solo lugar. Agregamos un Object a nuestra matriz en su lugar.

Crear una matriz de estudiantes de tipo Object.

var estudiantes = [
        {
           nombreEstudiante: 'Billy',
           testScore: 77
        },
        {
           nombreEstudiante: 'Sandra',
           testScore: 98
        },
        {
           nombreEstudiante: 'Michelle',
           testScore: 81
        },
        {
           nombreEstudiante: 'Jason',
           testScore: 76
        }
];

A continuación, tomemos la matriz de nuestros estudiantes y agregaremos las calificaciones de Andrea y Timmy.

estudiantes.push({nombreEstudiante: 'Andrea', testScore: 100}, { nombreEstudiante: 'Timmy', testScore: 71});

Ve más allá

También podemos ir un paso más allá al acceder a la información de un estudiante en particular. Digamos que queremos ver el score de Andrea, ¿cómo haríamos eso?

Podemos hacerlo lo siguiente:

console.log(estudiantes [4]. nombreEstudiante); // Resultado: Andrea
console.log(estudiantes [4].['testScore']); //Resultado: 100

Conclusión

Como puedes ver, el método .push() tiene mucha utilidad cuando estamos desarrollando, y ciertamente es uno de los fundamentos para tratar con Arrays.

Si tiene alguna pregunta o si desea ver ejemplos adicionales, no dudes en comunicarse conmigo en cualquier momento en info@estradawebgroup.com o en el apartado de contacto, y si estás disfrutando de mis publicaciones házmelo saber en el apartado de los comentarios.

Compartir artículo:

Más artículos geniales

Todo lo que necesitas saber sobre JavaScript y SEO para ser el número uno en Google

Todo lo que necesitas saber sobre JavaScript y SEO para ser el número uno en Google

Si ha utilizado JavaScript para su sitio web, es importante recordar que puede frustrar sus intenciones al evitar que su sitio se indexe en Google. Compartiremos algunos consejos útiles y luego explicaremos cómo solucionar errores comunes de SEO de JavaScript.

Ver artículo completo

Manténgase actualizado

Obtenga excelente contenido en su bandeja de entrada todas las semanas.
Solo contenido excelente, no compartimos su correo electrónico con terceros.
Subir al inicio de la pantalla
;