Hay muchos métodos de JavaScript que se utilizan para aliviarnos para aplicar diferentes funcionalidades a un sitio web. Este artículo tiene como objetivo reconocernos con respecto a los métodos de matriz de JavaScript:
Métodos de matriz en JavaScript
JavaScript utiliza diferentes métodos para realizar diversas funcionalidades en una matriz que ayuda a un programador a usar una matriz de una manera más eficiente. Los siguientes son los métodos de matriz utilizados por JavaScript:
Métodos para encontrar y alterar la longitud de la matriz
Los siguientes métodos de JavaScript se utilizan para encontrar el tamaño de una matriz y alterar el tamaño de una matriz
Cómo encontrar la longitud de una matriz utilizando el método de longitud?
Este método de longitud de JavaScript descubre la longitud de una matriz. Este método también puede cambiar el tamaño de la matriz.
Sintaxis:
array_name.longitudEl array_name es el nombre de la matriz cuya longitud se devolverá.
Código:
var fruits = ['manzana', 'piña', 'sandía'];En el código anterior creamos una matriz y agregamos tres elementos. Luego usamos el método JavaScript Long () para encontrar la longitud de la matriz.
Producción:
La salida muestra claramente que el programa devuelve 3 como la longitud de la matriz dada porque solo hay tres elementos en la matriz dada.
Cómo cambiar un tamaño de matriz utilizando el método de longitud?
El método de longitud también se puede usar para cambiar el tamaño de la matriz como se muestra en el siguiente código.
Código:
var fruits = ['manzana', 'piña', 'sandía']En el código anterior, creamos una matriz con tres elementos en él. Luego establecemos la longitud de la matriz en "4" usando el método de longitud.
Producción:
El fruta la matriz tenía tres tres elementos. Sin embargo, la longitud se establece en 4 utilizando el método de longitud. Como resultado, se agregó otro elemento (vacío) a la matriz para alcanzar la longitud = 4.
Métodos para cambiar los elementos de matriz
Los siguientes métodos de JavaScript se utilizan para cambiar o reemplazar los elementos en una matriz.
Método Fill ()
Este método JavaScript se utiliza para reemplazar los elementos actuales de la matriz con el valor dado.
Sintaxis:
array_name.relleno (valor, inicio_index, ending_index)En el relleno de sintaxis anterior acepta tres parámetros:
Código:
// especificar solo el valorAquí creamos tres matrices: frutas, verduras y Frutas secas. Luego inicializamos cada matriz con tres elementos. Después de eso, usamos el llenar() Método en cada matriz.
Producción:
La salida anterior se describe como:
En el frutas matriz, todos los elementos se reemplazan con fresa Porque no especificamos los índices iniciales y finales.
En el verduras matriz, todos los elementos que comienzan desde el índice inicial(1) han sido reemplazados por un papa.
Por último, en el Frutas secas matriz, solo el elemento en el 0 El índice se reemplaza con nuez.
Método CopyWithIn ()
Este método de matriz de JavaScript se utiliza para copiar elementos de matriz de un índice a otro índice en una matriz.
Sintaxis:
array_name.CopyWithIn (Target_index, copy_index)En la sintaxis anterior
Código:
var frutas = ["uvas", "piña", "mango"]En este código creamos una variedad de frutas con tres elementos, luego usamos el Copywithin () Método de matriz para copiar los datos del índice 0 y reemplazarlos con los datos en el segundo índice de la matriz.
Producción:
La salida de arriba muestra las copias del método de matriz copywithin () Uvas del índice 0 de la matriz y lo reemplaza con el mango cuál es el elemento colocado en el índice-2.
Métodos para encontrar los elementos en una matriz
En JavaScript, los siguientes métodos son útiles para encontrar los elementos en una matriz.
Método Find ()
Este método JavaScript encuentra y devuelve el primer elemento en una matriz de acuerdo con la condición dada.
Sintaxis:
array_name.Find (function_name)En la sintaxis anterior, Function_Name representa la función que se crea para encontrar los primeros elementos de acuerdo con la condición dada.
Código:
var num = [11,12,13,14,15,16,20,21,23,27,29]En este código, creamos una matriz de números, luego creamos una función que verifica si la matriz tiene un número o no. Por último, usamos el método JavaScript find () para buscar y devolver el primer elemento uniforme si existe en una matriz determinada.
Producción:
En la salida anterior, se ve que la salida es 12 porque la condición era encontrar los elementos uniformes en una matriz dada para que el método JavaScript Find () devuelva el primer elemento uniforme que encuentra en una matriz.
método findIndex ()
Este método JavaScript encuentra y devuelve el número de índice del primer elemento que se encuentra de acuerdo con la condición dada en una matriz.
Sintaxis:
array_name.findindex (function_name)En la sintaxis anterior nombre de la función representa la función para verificar la condición.
Código:
VAR POS = [-9, -30, -13,14,15,16,20,21,23,27,29]En el código anterior, creamos una matriz de enteros positivos y negativos y luego creamos una función para verificar el entero positivo en una matriz. Por último, usamos el método FindIndex () para devolver el número de índice de los enteros positivos que se encuentra primero en una matriz.
Producción:
En esta salida, se muestra claramente que el método findIndex () devuelve el número de índice de los primeros enteros positivos encontrados por el compilador en una matriz.
Métodos para mapear y planear la matriz
Los siguientes métodos de JavaScript se utilizan para planear y asignar los elementos en una matriz.
Método plano ()
Este método JavaScript fusiona las matrices anidadas y las convierte en una nueva matriz única.
Sintaxis:
array_name.departamento()Esta sintaxis muestra que el método de matriz plano () no toma ningún parámetro.
Código:
var num = [1, [2,3], 4,5, [6,7]]En este código creamos una matriz que contiene dos matrices anidadas. Por último, usamos el método JavaScript Flat () para aplanar la matriz.
Producción:
En la salida anterior, se ve que una matriz anidada se da como la entrada y el método plano () fusiona la matriz anidada en una nueva matriz única.
Método MAP ()
Este método JavaScript se utiliza para crear una nueva matriz aplicando la funcionalidad de la función dada en cada elemento de la matriz.
Sintaxis:
array_name.map ((variable => funcionalidad))En la funcionalidad de sintaxa anterior representa la operación que se realizará en la matriz.
Código:
var num = [1,2,3,4,5,6,7]En este código, creamos una matriz y luego aplicamos una función de mapa en la matriz que creará una nueva matriz de los números después de multiplicar por 2.
Producción:
La salida anterior muestra claramente que el método map () crea una nueva matriz de números después de multiplicar cada elemento en la matriz por 2.
Método FlatMap ()
Este método JavaScript es la combinación de los métodos planos () y map () de JavaScript. Este método primero asigna cada elemento de la matriz y luego aplana la matriz que resulta en la creación de una nueva matriz.
Sintaxis:
array_name.FlatMap ((variable => funcionalidad))En la funcionalidad de sintaxa anterior representa la operación que se realizará en la matriz.
Código:
VAR POS = [-9, -30, -13,14,15,16,20,21,23,27,29]En este código creamos una matriz, luego usamos el método platmap () para multiplicar cada elemento de la matriz con cero.
Producción:
La salida anterior muestra que el método FlatMap () multiplica cada elemento de matriz con cero y devuelve una nueva matriz de 0 como salida.
método foreach ()
En JavaScript, este método de matriz se utiliza para aplicar alguna funcionalidad a cada elemento de la matriz.
Sintaxis:
array_name.foreach (function_name)En la sintaxis anterior nombre de la función representa la función que se aplicará a cada elemento de la matriz.
Código:
var num = [1,2,5,6,7]En este código, creamos una variedad de números, luego creamos una función cuadrado() que imprimirá el cuadrado de todos los elementos en una matriz, y por último, usamos el método de matriz foreach () para aplicar la funcionalidad de la función cuadrada en cada elemento de la matriz.
Producción:
La salida anterior muestra que el método cuadrado () se aplica a cada elemento de la matriz.
Métodos para convertir una cadena u objeto en una matriz
Los siguientes métodos de JavaScript son responsables de crear una nueva matriz desde una cadena u objeto.
del método ()
Este JavaScriptJavaScriptMethod se usa para crear una nueva matriz desde una cadena o un objeto tipo matriz.
Sintaxis:
Formación.de ("Any_string o Word")En la sintaxis anterior, el método () toma una palabra o cadena como parámetro.
Código:
consola.registro (matriz.De ('uvas'))En el código anterior del método de matriz () crea una nueva matriz de la palabra dada Uvas.
Producción:
La salida muestra que damos Uvas Como entrada y esta palabra se divide en una serie de caracteres para crear una nueva matriz.
del método ()
Este método JavaScript se utiliza para crear una nueva matriz desde el conjunto de objetos.
Sintaxis:
Formación.de ("Elemento 1", "Elemento 2", ..., "Elemento N")En esta sintaxis, el método () toma elementos como parámetro para que desea crear una matriz.
Código:
frutas = matriz.de ("Mango", "Apple", "Apricot")En este código, tomamos una variable frutas y asignarlo con el de() método que tiene tres palabras como parámetros.
Producción:
La salida muestra que el método de () ha creado una matriz de las palabras que se pasaron al método de ().
Métodos para verificar elementos en una matriz
Los siguientes métodos de JavaScript se utilizan para verificar si un elemento específico está presente en una matriz o no.
incluye () método
Este método de matriz se utiliza para verificar si el elemento requerido está presente en una matriz o no. Devuelve verdadero o falso como salida.
Sintaxis:
array_name.Incluye (elementos)El método se usa con nombres de matriz y toma un elemento como entrada que se debe buscar. Devuelve un valor booleano (verdadero/falso).
Código:
var frutas = ["uvas", "piña", "mango"]En el código anterior tomamos una matriz de frutas que contienen tres elementos. Luego tomamos otra prueba de variable y usamos el método INCENDER () con la matriz de frutas.
Producción:
La salida muestra que el método incluido () verifica si el mango está presente en el frutas matriz y ha regresado 'verdadero'
Método Filter ()
Este método de JavaScript devuelve una nueva matriz eligiendo los elementos de la matriz actual dependiendo de la condición dada.
Sintaxis:
array_name.filtro (function_name)El nombre de function_name se pasa al método filtre () como parámetro.
Código:
var num = [11,12,13,14,15,16,20,21,23,27,29]En este código, creamos una matriz de números, luego creamos una función que verifica si la matriz tiene un número o no. Por último, usamos el método JavaScript Filter () para crear una matriz separada de números uniformes si existen en una matriz determinada.
Producción:
El ejemplo anterior muestra que damos una matriz de números aleatorios y el método filtre () nos da una nueva matriz que contiene solo números solo.
Métodos para encontrar el número de índice de un elemento
En JavaScript, los siguientes métodos encuentran el número de índice de un elemento en una matriz.
método indexOf ()
Este método JavaScript se utiliza para verificar el número de índice del elemento en el que el elemento de entrada dado está presente en una matriz. Devuelve -1 si el elemento de entrada dado no está presente en la matriz.
Sintaxis:
array_name.índice de (elementos)Esta sintaxis muestra que este método se usa con los nombres de la matriz y toma un elemento como entrada que se debe buscar en el número de índice.
Código:
var frutas = ["uvas", "piña", "mango"]En el código anterior tomamos una matriz de frutas que contienen tres elementos. Luego tomamos otra prueba variable y usamos el método indexOf () con el fruto matriz para buscar el número de índice de un elemento de matriz específico.
Producción:
La salida muestra claramente que el método indexOf () verifica el número de índice de piña en el frutas matriz y devuelve el número de índice.
Método Keys ()
Este método JavaScript utiliza un bucle for para devolver los números de índice de los elementos presentes en una matriz. También toma espacios como elemento de matriz. Este método no toma parámetro.
Sintaxis:
variable = array_name.llaves()En la sintaxis anterior, la variable representa la primera variable y array_name representa la matriz que contiene elementos. El new_variable representa la segunda variable.
Código:
var js = ["this", "redacción", "es", "sobre", "javascript"]En el código anterior, tomamos una matriz (js) y dos variables (Prueba y verificación). Luego aplicamos el método de claves () en la matriz JS y el valor resultante se almacena en la variable de prueba. Por último, creamos una variable de verificación para apartar y usar la variable de prueba con ella.
Producción:
La salida muestra que el llaves() El método devuelve los números de índice de los elementos de la matriz utilizando un bucle for para.
Método LastIndexof ()
Este método JavaScript se utiliza para devolver el último número de índice de un número (que ocurre varias veces en una matriz).
Sintaxis:
array_name.lastindexof (elemento)En esta sintaxis, el elemento representa el elemento de una matriz cuyo último índice se debe buscar.
Código:
var fruits = ["uvas", "piña", "mango", "manzana", "albaricoque", "mango"]]En este código, tomamos una matriz de frutas y aplicamos el método LastIndexof () para obtener el índice de última ocurrencia de "mango".
Producción:
La salida muestra que el programa devuelve 5 como salida porque el mango ocurre dos veces en una matriz y el número de índice de la última ocurrencia es 5.
Métodos para verificar si la entrada dada es una matriz
Los siguientes métodos de JavaScript son útiles cuando necesitamos verificar si la entrada dada es una matriz o no.
método isarray ()
Este método JavaScript se usa para verificar si la entrada dada está en una matriz o no. Devuelve verdadero o falso como salida.
Sintaxis:
Formación.isarray (variable_name)En esta sintaxis, nombre de la variable representa la variable que debe verificarse si contiene una matriz o no.
Código:
//CadenaEn este código tomamos una cadena sen y un nombre de matriz frutas. Entonces usamos el es Formación() Método en cadena y matriz.
Producción:
La salida anterior muestra claramente que damos una cadena y una matriz como entrada. Luego obtenemos falso para la entrada de cadena y verdadero para la salida de fruta.
Métodos para concatenar las matrices
Los siguientes métodos de JavaScript se utilizan para concatenar los elementos en una matriz o dos matrices.
método unir ()
Este método de JavaScript concatena todos los elementos en una matriz. También considera los espacios como elementos y los coloca como están en una matriz. Este método toma parámetros pero es opcional. Cualquier cosa dada como parámetro se coloca entre los elementos mientras se concatena y si no se da un parámetro, el compilador se coloca las comas entre los elementos automáticamente.
Sintaxis:
array_name.unirse(" ")Ya que es comprensible de la sintaxis anterior que el método de unión toma cualquier cosa como parámetro y esa cosa tiene un impacto directo en la salida. Lo entendamos con el siguiente ejemplo.
Código:
// con parámetroEn este código tomamos una matriz js, Luego usamos el método unitar () en js Concatenar sus elementos. El parámetro "" establece que todos los elementos se unirán y separarán con un espacio.
Cuando se aplica el método Join () en la matriz NUM, simplemente fusionará todos los elementos separados por comas.
Producción:
La salida muestra que tomamos dos matrices js y numer. En el módulo de matriz JS usamos el método Join () con un parámetro (espacio vacío) y en el módulo de matriz NUM usamos el método Join () sin ningún parámetro. Por eso obtenemos dos resultados diferentes.
Método concat ()
Este método JavaScript se utiliza para unir dos matrices y devolver una nueva matriz que es la unión de dos matrices.
Sintaxis:
primero_array_name.Concat (segundo_array_name)La sintaxis muestra que toma la primera matriz y luego usa el método concat () y toma la segunda matriz como parámetro.
Código:
var fruits = ['manzana', 'piña', 'sandía']Aquí creamos dos matrices, frutas y verduras. Los elementos en ambas matrices se unen utilizando el método concat ().
Producción:
La salida muestra claramente que las dos matrices "frutas" y "verduras"¿Estamos creando dos matrices y luego nos unimos en una sola matriz utilizando el método JavaScript Concat ().
Métodos para agregar y eliminar elementos de matriz
Los siguientes métodos de JavaScript se utilizan para agregar y eliminar los elementos de una matriz.
método pop ()
Este método JavaScript elimina los últimos elementos de una matriz y lo devuelve como una salida. Además, este método toma ningún parámetro.
Sintaxis:
array_name.estallido()En la sintaxis anterior array_name representa la matriz. Además, si una matriz no contiene elementos, obtendrá una salida indefinida.
Código:
Fruits = ["Mango", "Apple", "Apricot"]En este código, se inicializa una matriz que contiene tres elementos. El método pop () se aplica en la matriz.
Producción:
La salida anterior muestra que el método pop () elimina "Albaricoque"Desde la matriz y lo muestra.
Método Push ()
Este método de JavaScript agrega un elemento a la vez, pero en la posición final en una matriz. Este método toma un elemento, agrega ese elemento al final de la matriz y devuelve el tamaño de una matriz.
Sintaxis:
array_name.Push ("Elemento")En la sintaxis anterior, Elemento representa el elemento que desea insertar en la matriz.
Código:
// Devuelve el número de elementos de matrizEn el código anterior, aplicamos el método push () en una matriz llamada frutas. El método push () agrega la palabra clave de piña en la posición final en la matriz. En la primera parte, el número de elementos se imprimirá mientras que la segunda parte muestra la matriz actualizada.
Producción:
La primera salida ha devuelto el número de elementos después de agregar "Piña"Mientras que la segunda salida imprime la matriz actualizada.
método slice ()
Este método JavaScript se usa para separar o cortar un conjunto específico de elementos de una matriz y devuelve que se establece como una nueva matriz. Se necesitan dos parámetros, un índice inicial y un índice final.
Sintaxis:
array_name.Slice (comenzar, final)En esta sintaxis, el inicio y el final representan los índices de inicio y finalización de una matriz.
Código:
Fruits = ["Mango", "Apple", "Apricot", "Cherry", "Gava", "Lychee"]En el código anterior, hemos creado una variedad de frutas. El método SLICE () se aplica en la matriz de frutas que cortará los elementos del 1 ° al 4to índice. El resultado del método SLICE () se almacena en la variable nombrada cortar.
Producción:
La salida anterior muestra que el método de corte devuelve los elementos del índice 1 hasta el índice 4 y muestra una matriz que contiene estos elementos.
método shift ()
Este método JavaScript es al igual que el método pop (), pero la diferencia es que este método elimina el elemento del inicio de una matriz y lo muestra. Este método no toma parámetros.
Sintaxis:
array_name.cambio()En esta sintaxis array_name representa la matriz mientras el método shift () elimina los elementos de la matriz.
Código:
frutas = ["mango", "manzana", "albaricoque", "alegre", "gava", "lychee"]En este código creamos una matriz y aplicamos el método shift () que elimina el primer elemento de una matriz. La salida del método shift () se almacena en "movimiento rápido del ojo".
Producción:
La salida muestra que el mango se elimina de la matriz y se imprime en la consola.
método unshift ()
Este método JavaScript es al igual que el método push (), pero la diferencia es que agrega uno o más de un elemento al inicio de la matriz. Este método toma elementos como un parámetro que queremos agregar.
Sintaxis:
array_name.Deshift (elementos)En la sintaxis anterior, los elementos representan los elementos que queremos agregar en una matriz.
Código:
frutas = ["mango", "manzana", "albaricoque", "alegre", "gava", "lychee"]En el código anterior, creamos una matriz y alteramos la matriz agregando Banana en la matriz utilizando el método Unchift.
Producción:
Como podemos ver en la salida anterior, el método unshift () agrega Banana al comienzo de la matriz.
método de empalme ()
Este método JavaScript también se usa para eliminar y agregar elementos específicos de la matriz. Se necesitan tres valores como parámetros. Este método () devuelve el elemento eliminado como una salida.
Sintaxis:
array_name.Splice (index_number, elements_number, valor)En la sintaxis anterior, número de índice representa el índice inicial de la parte de eliminación. El elemento_number representa el índice final de la parte de eliminación. Por último, el valor representa el nuevo elemento que reemplaza la parte eliminada.
Código:
frutas = ["mango", "manzana", "albaricoque", "alegre", "gava", "lychee"]En este código, creamos una matriz y luego usamos el método Splice () que tiene tres parámetros que eventualmente eliminarán el elemento y agregarán un nuevo elemento en el lugar del elemento eliminado.
Producción:
La salida anterior muestra que eliminamos la manzana del primer índice y la reemplazamos con la sandía con la ayuda del método de empalme.
Métodos para convertir una matriz en cadena
Los siguientes métodos de JavaScript se utilizan para convertir una matriz en cadena.
método toString ()
Este método JavaScript combina todos los elementos en una matriz y lo convierte en una cadena de elementos.
Sintaxis:
array_name.Encadenar()Con la ayuda de la sintaxis anterior, podemos convertir una matriz en una cadena de elementos. Ahora convierta una matriz usando esta sintaxis.
Código:
frutas = ["mango", "manzana", "albaricoque", "alegre", "gava", "lychee"]En esta sintaxis, creamos una matriz y usamos el método toString () para convertirla en cadena. Luego usamos el método typeOf () para verificar si se cambia a cadena o no.
Producción:
La salida anterior muestra claramente que el método toString () convierte el frutas matriz en una cadena.
método tolocaleString ()
Este método JavaScript también se usa para convertir una matriz en una cadena de elementos, pero en un formato específico.
Sintaxis:
array_name.TOLOCALECRING ()Con la ayuda de la sintaxis anterior, podemos convertir una matriz en una cadena de elementos en un formato específico. Ahora convirtamos una matriz usando esta sintaxis.
Código:
frutas = ["mango", 120]En el código anterior tomamos una matriz con dos valores diferentes, una palabra y un número. Ahora el método tolocaleString () lo convierte en una cadena.
Producción:
La salida anterior muestra que el método TOLOCALECRING () convierte los elementos de la matriz en una cadena.
Métodos para revertir y ordenar una matriz
Los siguientes métodos de JavaScript se utilizan para revertir y ordenar las matrices.
método reverse ()
Este método de JavaScript simplemente invierte el orden de la matriz. No toma ningún parámetro. Después de cambiar el orden de matriz, devuelve una nueva matriz como salida.
Código:
Fruits = ["Mango", "Apple", "Apricot", "Cherry", "Gava", "Lychee"]En este código, creamos una variedad de frutas. Luego usamos el método reverse (), que invierte el orden de la matriz.
Producción:
La salida anterior muestra que el método reverse () cambia el orden de los elementos en una matriz y devuelve una nueva matriz.
Método sort ()
Este método JavaScript clasifica los elementos de la matriz en un orden especificado, ya sea ascendente o descendente. Podemos usar funciones como parámetros para ordenar una matriz en un formato específico. Por defecto, este método clasifica una matriz en orden ascendente.
Código:
Fruits = ["Mango", "Apple", "Apricot", "Cherry", "Gava", "Lychee"]En este código creamos una matriz de seis elementos que no están en ninguna secuencia. Luego usamos el método sort () para ordenar la matriz.
Producción:
Esta salida muestra esa secuencia del método sort () los elementos en la matriz alfabéticamente o en otras palabras podemos decir en orden ascendente.
Probablemente, ahora puede aplicar varios métodos de matriz para manipular/administrar matrices en JavaScript.
Conclusión
Al trabajar con datos complejos, los métodos de matriz de JavaScript son muy útiles para administrar/manipular los datos. En este artículo hemos hablado sobre los métodos de matriz de JavaScript que incluyen: Sort, reverso, mapa, plano, concatenate, Convierta la cadena en matriz, convierte la matriz en cadena, verifique los elementos de la matriz, verifique la matriz, alteran el tamaño de la matriz, agregue o elimine los elementos de la matriz con ejemplos detallados y código.