Método | Explicación |
.push() | Este método se utiliza para añadir uno o más elementos al final de un array. Modifica el array original y devuelve la nueva longitud del array. |
let frutas = ['manzana', 'banana'];
frutas.push('naranja'); // Añade 'naranja' al final del array
// Ahora frutas es ['manzana', 'banana', 'naranja']
|
.pop() | Este método elimina el último elemento de un array y lo devuelve. Este método cambia la longitud del array. |
let numeros = [1, 2, 3];
let ultimoNumero = numeros.pop(); // Elimina y devuelve 3
// Ahora numeros es [1, 2] y ultimoNumero es 3
|
.slice() | Se utiliza para crear una copia de una parte de un array, o para seleccionar una sección de un array y devolverla como un nuevo array, sin modificar el array original. Es una herramienta útil cuando necesitas trabajar con solo una parte de un array o cuando quieres evitar alterar el array original. |
Sintáxis básica de .slice() | inicio (opcional): El índice en el que comienza la extracción. Si se omite, .slice() empieza desde el inicio del array (índice 0). |
Sintáxis básica de .slice() | fin (opcional): El índice antes del cual se detiene la extracción. El elemento en este índice no se incluye. Si se omite, .slice() extrae hasta el final del array. |
Crear una copia completa | Si usas .slice() sin argumentos, crea una copia completa del array. |
let numeros = [1, 2, 3, 4, 5];
let copiaNumeros = numeros.slice();
// copiaNumeros es [1, 2, 3, 4, 5]
|
Seleccionar una parte del array | Puedes especificar desde qué índice empezar y hasta cuál llegar. En el siguiente ejemplo, .slice(1, 3) empieza en el índice 1 (incluyendo 'banana') y extrae hasta el índice 3 (sin incluir 'dátil'). |
let frutas = ['manzana', 'banana', 'cereza', 'dátil'];
let frutasSeleccionadas = frutas.slice(1, 3);
// frutasSeleccionadas es ['banana', 'cereza']
|
Índices negativos | Si usas índices negativos, .slice() cuenta hacia atrás desde el final del array. En el siguiente ejemplo, .slice(-3) extrae los últimos tres elementos del array. |
let numeros = [1, 2, 3, 4, 5];
let parteNumeros = numeros.slice(-3);
// parteNumeros es [3, 4, 5]
|
forEach | Es utilizado para ejecutar una función en cada elemento de un array. Es una forma de iterar sobre un array, es decir, pasar por cada uno de sus elementos para realizar alguna operación. Este método es muy útil para aplicar una misma acción a todos los elementos de un array de manera sencilla y clara. |
Sintáxis básica | array.forEach(function(elemento, indice, arr) { ... }) |
Sintáxis básica | elemento: El elemento actual del array que se está procesando. indice (opcional): El índice del elemento actual en el array. arr (opcional): El array sobre el cual se llama forEach() |
Ejemplo de uso | Supongamos que tienes un array de números y quieres imprimir cada número en la consola. El siguiente código imprimirá cada número del array numeros en la consola. |
let numeros = [1, 2, 3, 4, 5];
numeros.forEach(function(numero) {
console.log(numero);
});
|
Funciones flecha | Con las funciones flecha de ES6, puedes escribir el mismo código de manera más concisa. |
let numeros = [1, 2, 3, 4, 5];
numeros.forEach(numero => console.log(numero));
|
.map() | Se utiliza para transformar los elementos de un array. Este método te permite crear un nuevo array tomando el array original y aplicando una función a cada uno de sus elementos. Es una herramienta muy poderosa y útil en la programación funcional y en situaciones donde necesitas modificar o transformar los datos en un array. |
Sintáxis básica | array.map(function(elemento, indice, arr) { ... }) |
Sintáxis básica | elemento: El elemento actual del array que se está procesando. indice (opcional): El índice del elemento actual en el array. arr (opcional): El array sobre el cual se llama .map() |
Ejemplo de uso | Imagina que tienes un array de números y quieres crear un nuevo array con cada número multiplicado por dos. Aquí, .map() toma cada número del array numeros, lo multiplica por dos y retorna un nuevo array con estos valores. |
let numeros = [1, 2, 3, 4, 5];
let dobles = numeros.map(function(numero) {
return numero * 2;
});
// dobles es ahora [2, 4, 6, 8, 10]
|
Funciones flecha | Con las funciones flecha de ES6, puedes escribir el mismo código de manera más concisa. |
let numeros = [1, 2, 3, 4, 5];
let dobles = numeros.map(numero => numero * 2);
|
.filter() | Se utiliza para crear un nuevo array con todos los elementos que cumplen una condición especificada por una función. Es muy útil cuando necesitas seleccionar un subconjunto de elementos de un array basándote en ciertos criterios. .filter() es una de las herramientas clave en la programación funcional dentro de JavaScript, ya que permite manejar datos de manera eficiente y declarativa. |
Sintáxis básica | array.filter(function(elemento, indice, arr) { ... }) |
Sintáxis básica | elemento: El elemento actual del array que se está procesando. indice (opcional): El índice del elemento actual en el array. arr (opcional): El array sobre el cual se llama .filter() |
Ejemplo de uso | Supongamos que tienes un array de números y solo quieres mantener los números que son mayores que 3. Aquí, .filter() revisa cada número en el array numeros. Si el número es mayor que 3, lo incluye en el nuevo array mayoresQueTres. |
let numeros = [1, 2, 3, 4, 5];
let mayoresQueTres = numeros.filter(function(numero) {
return numero > 3;
});
// mayoresQueTres es ahora [4, 5]
|
Funciones flecha | Con las funciones flecha de ES6, puedes escribir el mismo código de manera más concisa. |
let numeros = [1, 2, 3, 4, 5];
let mayoresQueTres = numeros.filter(numero => numero > 3);
|
.find() | Se utiliza para buscar en un array y encontrar el primer elemento que cumpla con una condición especificada en una función de prueba. A diferencia de .filter(), que devuelve un array con todos los elementos que cumplen la condición, .find() devuelve el primer elemento que la satisface, o undefined si ningún elemento cumple la condición. Este método es útil cuando solo necesitas encontrar un solo elemento en un array basado en algún criterio. |
Sintáxis básica | array.find(function(elemento, indice, arr) { ... }) |
Sintáxis básica | elemento: El elemento actual del array que se está procesando. indice (opcional): El índice del elemento actual en el array. arr (opcional): El array sobre el cual se llama .find() |
Ejemplo de uso | Imagina que tienes un array de objetos que representan a personas, y quieres encontrar a la primera persona que tenga más de 30 años. En este caso, .find() devuelve el primer objeto en el array personas cuya propiedad edad es mayor que 30. |
let personas = [
{ nombre: "Ana", edad: 25 },
{ nombre: "Juan", edad: 32 },
{ nombre: "Luisa", edad: 28 }
];
let mayorDeTreinta = personas.find(function(persona) {
return persona.edad > 30;
});
// mayorDeTreinta es ahora { nombre: "Juan", edad: 32 }
|
Funciones flecha | Con las funciones flecha de ES6, puedes escribir el mismo código de manera más concisa. |
let personas = [
{ nombre: "Ana", edad: 25 },
{ nombre: "Juan", edad: 32 },
{ nombre: "Luisa", edad: 28 }
];
let mayorDeTreinta = personas.find(persona => persona.edad > 30);
|
.includes() | Se utiliza para verificar si un array o string contiene un elemento o valor específico. Retorna true si el elemento está presente y false si no lo está. Este método es muy útil para comprobar rápidamente la presencia de un valor en un array o string sin la necesidad de un bucle. |
Sintáxis básica | array.includes(elemento) |
Sintáxis básica | elemento: El valor que quieres comprobar si está presente en el array. |
Ejemplo de uso | Supongamos que tienes un array de números y quieres verificar si el número 3 está incluido en él. En este caso, .includes(3) devuelve false porque el número 3 no está en el array numeros. |
let numeros = [1, 2, 4, 5];
let contieneTres = numeros.includes(3); // false
|
.some() | Se utiliza para verificar si al menos uno de los elementos de un array cumple con una condición especificada en una función de prueba. Retorna true si la condición se cumple para al menos un elemento del array, y false en caso contrario. Este método es útil cuando necesitas comprobar si un array contiene algún elemento que satisface una determinada condición. |
Sintáxis básica | array.find(function(elemento, indice, arr) { ... }) |
Sintáxis básica | elemento: El elemento actual del array que se está procesando. indice (opcional): El índice del elemento actual en el array. arr (opcional): El array sobre el cual se llama .some() |
Ejemplo de uso | Imagina que tienes un array de números y quieres saber si al menos uno de ellos es mayor que 10. Aquí, .some() evalúa cada elemento del array numeros. Retorna true porque encuentra que 12 cumple la condición de ser mayor que 10. |
let numeros = [1, 5, 8, 12, 4];
let existeMayorQueDiez = numeros.some(function(numero) {
return numero > 10;
});
// existeMayorQueDiez es true porque 12 es mayor que 10
|
Funciones flecha | Con las funciones flecha de ES6, puedes escribir el mismo código de manera más concisa. |
let numeros = [1, 5, 8, 12, 4];
let existeMayorQueDiez = numeros.some(numero => numero > 10);
|
.split() | Es utilizado para dividir un string (cadena de texto) en un array de subcadenas, basándose en un separador que se especifica. Este método es muy útil para descomponer un texto largo en partes más pequeñas, como palabras o frases, o para procesar y manipular datos de texto. |
Sintáxis básica | string.split(separador, [limite]) |
Sintáxis básica | separador: El carácter o patrón que se utiliza para determinar dónde se divide el string. Puede ser un string o una expresión regular. Límite (opcional): Un número que especifica el máximo de divisiones a realizar. El array resultante tendrá a lo máximo este número de elementos. |
Ejemplo de uso | Si tienes un string de palabras separadas por espacios y quieres obtener un array de estas palabras, en este caso, .split(" ") divide el string frase en cada espacio, resultando en un array de palabras. |
let frase = "Hola mundo, bienvenido a JavaScript";
let palabras = frase.split(" ");
// palabras es ahora ["Hola", "mundo,", "bienvenido", "a", "JavaScript"]
|
Uso de .split() en expresiones regulares | También puedes usar expresiones regulares como separador. Por ejemplo, para dividir un string cada vez que encuentre una coma seguida de un espacio. |
let lista = "manzanas, peras, plátanos, uvas";
let frutas = lista.split(", ");
// frutas es ahora ["manzanas", "peras", "plátanos", "uvas"]
|
.toString() | Convierte un valor a su representación de string. Disponible en muchos tipos de datos, como números, arrays y objetos. |
let numero = 123;
let texto = numero.toString(); // "123"
|
.toFixed() | Convierte un número a un string, manteniendo un número especificado de decimales. Usualmente se usa con números flotantes. |
let numero = 2.456;
let texto = numero.toFixed(2); // "2.46"
|
.toPrecision() | Convierte un número a un string con una longitud total de dígitos especificados. Útil para controlar la precisión total de un número (dígitos enteros y decimales). |
let numero = 7.12345;
let texto = numero.toPrecision(4); // "7.123"
|
.toLocaleString() | Convierte un número a un string utilizando convenciones de formato locales. Útil para la presentación de números, fechas y otros datos en el formato local del usuario. |
let numero = 123456.789;
let texto = numero.toLocaleString('es-ES'); // "123.456,789" en un entorno de idioma español
|
.toUpperCase() | Convierte un string a mayúsculas. |
let texto = "Hola Mundo";
let mayusculas = texto.toUpperCase(); // "HOLA MUNDO"
|
.toLowerCase() | Convierte un string a minúsculas. |
let texto = "Hola Mundo";
let minusculas = texto.toLowerCase(); // "hola mundo"
|
.toJSON() | Convierte un objeto a un string en formato JSON. Muy usado en la serialización de datos para almacenamiento o transmisión. |
let objeto = { nombre: "Ana", edad: 25 };
let json = JSON.stringify(objeto); // '{"nombre":"Ana","edad":25}'
|
Comentarios