Mutabilidad e inmutabiliad de Arrays

Clase 47 de 80Curso de JavaScript Desde Cero

Contenido del curso

Primeros Pasos

Funciones y This

Resumen

¿Qué es la mutabilidad e inmutabilidad en Arrays?

Entender el concepto de mutabilidad e inmutabilidad en los arrays es crucial para sacar el máximo provecho de ellos en programación. Un array es un objeto que puede ser alterado o mantenido tal cual, dependiendo del método que usemos. Veamos cómo funciona esto con un ejemplo práctico.

¿Cómo podemos modificar un array existente?

Agregar elementos directamente a un array es un ejemplo de mutabilidad, ya que cambia el array original. Supongamos que tienes un array con frutas, y deseas añadir una fruta más:

let frutas = ['apple', 'banana', 'orange']; frutas.push('watermelon'); console.log(frutas); // ['apple', 'banana', 'orange', 'watermelon']

Como ves, el array original se ha modificado para incluir la nueva fruta.

¿Cómo podemos conservar el array original y crear uno nuevo?

Si queremos mantener el array original sin cambios y crear uno nuevo, podemos utilizar métodos que no muten el estado inicial del array, como concat. Este método permite combinar dos arrays sin alterar el original:

const frutas = ['apple', 'banana', 'orange']; const nuevasFrutas = frutas.concat(['grape', 'kiwi']); console.log(frutas); // ['apple', 'banana', 'orange'] console.log(nuevasFrutas); // ['apple', 'banana', 'orange', 'grape', 'kiwi']

Aquí, el array original frutas permanece igual, pero nuevasFrutas se crea al combinar ambos arrays.

¿Cómo verificar si una variable es un array?

A veces, es importante confirmar si una variable es un array. JavaScript nos facilita esto con el método Array.isArray():

let frutas = ['apple', 'banana', 'orange']; let esArray = Array.isArray(frutas); console.log(esArray); // true

Este método devuelve un booleano: true si es un array, y false si no lo es.

¿Cómo podemos usar un ciclo para sumar los elementos de un array?

El uso de ciclos for es esencial para iterar sobre arrays, especialmente si necesitamos realizar operaciones como sumar elementos. Vamos a ver un ejemplo paso a paso:

  1. Declarar el array de números y una variable de suma:

    let numbersArray = [1, 2, 3, 4, 5]; let suma = 0;
  2. Iterar sobre cada elemento del array:

    for (let i = 0; i < numbersArray.length; i++) { suma += numbersArray[i]; }
  3. Mostrar el resultado:

    console.log(suma); // 15

Este sencillo bucle recorre cada elemento del array numbersArray y los va sumando a suma, dando como resultado la suma total de los elementos.

Con estos fundamentos, estás un paso más cerca de entender y manipular arrays con éxito. Sigue explorando y practicando, ¡el conocimiento de arrays es esencial en el mundo de la programación!