JavaScript es un poderoso lenguaje de programación y, como cualquier lenguaje de programación, debe manejar muchos tipos de datos. Para facilitar esto, JavaScript también ofrece formas de almacenar conjuntos de datos, como el tipo de datos de matriz.
En esta publicación, explicaremos cómo interactuar con datos de matriz utilizando métodos de matriz. Aprenderá sobre diferentes métodos y cómo funcionan. También verá algunos ejemplos de sintaxis y una explicación del comportamiento. Finalmente, verá algunos ejemplos de código sobre cómo usar métodos de matriz en situaciones prácticas.
Sumerjámonos.
matriz de JavaScript
Las matrices de JavaScript se utilizan para almacenar conjuntos de datos y son sólidas por diseño. Las matrices de JavaScript son lo suficientemente poderosas para trabajar con cualquier tipo y tamaño de datos, incluidas las matrices, como valores. Por esta razón, debe haber formas de interactuar con ellos, y cuanto más completas, más formas necesitará.
Este concepto introduce métodos de matriz de JavaScript que le permiten usar matrices para múltiples tareas. Hablemos sobre cuáles son los métodos y por qué los necesitará en su desarrollo de software JavaScript.
¿Qué son los métodos de matriz de JavaScript?
Los métodos de matriz de JavaScript son métodos simples en el lenguaje de programación de JavaScript que se utilizan en matrices para crear varios resultados, manejar tareas y más. Las matrices de JavaScript solo contienen tres métodos estáticos, lo que significa que estos métodos pertenecen a la clase original. Este comportamiento es contrario a los métodos no estáticos que no pertenecen a la clase de matriz. En su lugar, se utilizan métodos no estáticos en la instancia de la clase.
Vamos a desglosarlo, cuando crea una matriz, el proceso usa el plan de clase para crear una instancia de la clase. Una instancia de matriz es una matriz que se crea y tiene acceso a métodos estáticos y otros métodos.
Por ejemplo, un método estático de una clase de matriz se llama isArray (), que identifica matrices y pertenece a la clase de matriz. Sin embargo, el método concat() no es miembro de la clase de matriz y se usa en varios tipos de datos diferentes.
Métodos de matriz de JavaScript
Hay muchos métodos de matriz de JavaScript, más de treinta métodos que funcionan con matrices de JavaScript. Eso es mucho para cubrir, por lo que vamos a cubrir los quince métodos más comunes que usan los desarrolladores cuando desarrollan software. La imagen a continuación es una pequeña hoja de trucos de los métodos de los que verá ejemplos.
Ahora que sabe lo que hacen los métodos anteriores, es un buen momento para ver algunos ejemplos de cómo se comportan. A continuación se muestra una lista de ejemplos, un ejemplo para cada uno de los métodos anteriores.
alguno ():
const ages = [3, 10, 18, 20];
ages.some(age => age > 5);
/*Would return boolean true*/
todo el mundo():
const ages = [3, 10, 18, 20];
console.log(ages.every(age => age > 2));
/*Would return true*/
reducir():
const ages = [0, 1, 2, 3, 4];
ages.reduce((acc, curVal, id, arr) => acc + curVal, 1);
/*Would return 11*/
mapa():
const numbers = [1, 2, 3, 4, 5];
const doubled = numbers.map(value => value * 2);
/*Creates a new array with original values doubled*/
Departamento():
const arr4 = [1, 2, [3, 4, [5, 6, [7, 8, [9, 10]]]]]
console.log(arr4.flat(1));
/*Would return (5) [1, 2, 3, 4, [5, 6, [7, 8, [9, 10]]]]*/
console.log(arr4.flat(2));
/*Would return (7) [1, 2, 3, 4, 5, 6, [7, 8, [9, 10]]]*/
console.log(arr4.flat(Infinity));
/*Would return (10) [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]*/
filtrar():
const array = [-3, -2, -1, 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13];
console.log(array.filter(num => num > 0 && num <= 10));
/*Would return (10) [1,2,3,4,5,6,7,8,9,10]*/
para todo el mundo():
const primeNums = [2,3,5,7,11,13];
array.forEach((item) => console.log(item));
/*Would print each array item to the console*/
buscarÍndice():
const nums = [4, 6, 8, 9, 12];
nums.findIndex( num => num == 4));
/*Would return 0 which is the index of the item with value 4*/
encontrar():
const nums = [1, 2, 3, 4]
console.log(nums.find( num => num == 3 ))
/*Would return the matching value 3, no match returns undefined*/
clasificar():
const nums = [4, 2, 5, 1, 3]
nums.sort((a, b) => a - b)
/*Would return original array modified with values sorted*/
concat ():
const alpha = ['a', 'b', 'c'];
const numeric = [1, 2, 3];
const alphaNumeric = alpha.concat(numeric);
console.log(alphaNumeric)
llenar():
const original = [1, 2, 3]
const result = original.fill(4)
/*Would modify array, and return with all values changed to provided value*/
contiene ():
const nums = [1, 2, 3];
console.log(nums.includes(2));
/*Would return true*/
console.log(nums.includes(4));
/*Would return false*/
reverso ():
const nums = [1, 2, 3];
console.log(nums.reverse());
/*Would return array with values in reverse order*/
mapa plano ():
const array = [[1], [2], [3], [4], [5]]
const a = array.flatMap(arr => arr * 10)
/*With .flat() and .map(), identical in behavior to the above*/
const b = array.flat().map(arr => arr * 10)
/*Both would return [10, 20, 30, 40, 50]*/
Introducción a los métodos de matriz de JavaScript
Ha aprendido mucho sobre qué son los métodos de matriz de JavaScript y cómo funcionan. Ha aprendido la sintaxis y la estructura de los distintos métodos. Luego vio una hoja de trucos de quince de los métodos más populares para crear arreglos. Finalmente, vio cada uno de los métodos utilizados en los ejemplos para ayudar a llevar estos conceptos a casa.
Continuando, puede usar esta hoja de trucos como referencia para practicar diferentes tareas, también puede agregarle. Una excelente manera de seguir estos ingeniosos trucos y consejos es crear hojas de trucos para sus diferentes necesidades. Practica y descubre y empezarás a recordar cosas sin siquiera saberlo.
