logo

Trobeu l'índex de matriu amb un valor a JavaScript

Trobar l'índex d'un valor específic en una matriu en JavaScript implica cercar a través dels elements de la matriu per localitzar la posició del valor desitjat. Aquest índex serveix com a punt de referència per accedir o manipular el valor dins de la matriu.



crida a una funció js des d'html

Exemple 1:

Input: ['apple', 'banana', 'cherry', 'orange'] N = 'cherry' Output: 2 Explanation: The index of the word cherry is 2>

Aquests són els enfocaments següents mitjançant l'ús d'aquests podem trobar l'índex de matriu amb un valor:

Taula de contingut



Utilitzant el mètode indexOf().

  • Tenim una varietat de fruites i volem trobar l'índex de l'element 'cirera'.
  • Fem servir el índex de() mètode per cercar 'cirera' a la matriu de fruites i retorna l'índex de 'cirera', que és 2.

Exemple: Aquest exemple és la implementació de l'enfocament explicat anteriorment.

Javascript
const fruits = ['apple', 'banana', 'cherry', 'orange']; const index = fruits.indexOf('cherry'); console.log(index); // Output: 2>

Sortida
2>

Utilitzant el mètode findIndex().

  • El mètode findIndex(). en JavaScript s'utilitza per obtenir l'índex de l'element inicial d'una matriu que compleix una condició o funció de prova particular.
  • El mètode retorna l'índex del primer element que passa la prova o -1 si cap element passa la prova. El mètode findIndex() no modifica la matriu original.

Exemple: Aquest exemple és la implementació de l'enfocament explicat anteriorment.

np.on
Javascript
const array = [10, 20, 30, 40]; const index = array.findIndex(num =>número> 25); console.log(índex); // Sortida: 2>>>  
Sortida
2>

S'utilitza for loop

  • Un altre enfocament per trobar l'índex d'una matriu amb un valor específic és utilitzar un bucle for per iterar per la matriu i comparar cada element amb el valor.
  • El bucle itera cada element de la matriu de números i comprova si l'element actual és igual a 30.
  • Quan l'element 30 es troba a l'índex 2, el bucle s'acaba utilitzant la instrucció break i l'índex 2 s'emmagatzema a la variable d'índex.
  • Finalment, la variable d'índex es registra a la consola, que dóna sortida a 2.

Exemple: Aquest exemple és la implementació de l'enfocament explicat anteriorment.



Javascript
const arraynumbers = [10, 20, 30, 40]; let index = -1; for (let i = 0; i < arraynumbers.length; i++) {  if (arraynumbers[i] === 30) {  index = i;  break;  } } console.log(index); // Output: 2>

Sortida Utilitzant el mètode Lodash _.findIndex().
  • En aquest enfocament, estem utilitzant el lodash que és la biblioteca de JavaSCript per a funcions.
  • Té una funció incorporada _.findIndex() que es pot utilitzar per trobar l'índex del valor donat.
  • Hem de passar el valor donat d'una matriu i retornarà el número d'índex.

Exemple: Aquest exemple és la implementació de l'enfocament explicat anteriorment.

Javascript
// Requiring the lodash library const _ = require('lodash'); // Original array let array1 = [4, 2, 3, 1, 4, 2] // Using lodash.findIndex let index = _.findIndex(array1, (e) =>{ retorn e == 1; }, 0); // Imprimeix la matriu original console.log('original Array: ', array1) // Imprimeix l'índex console.log('index: ', index)>

Sortida:

original Array: [ 4, 2, 3, 1, 4, 2] index: 3>

Ús del mètode de reducció

El mètode de reducció itera a través dels elements de la matriu, comparant cadascun amb el valor objectiu. Retorna l'índex quan es troba el valor, actualitzant l'acumulador; en cas contrari, retorna -1.

Exemple: En aquest exemple, el mètode reduce itera sobre cada element de la matriu. Si l'element actual coincideix amb el valor que estem cercant i l'acumulador encara és -1 (és a dir, l'element encara no s'ha trobat), retorna l'índex actual.

JavaScript
const fruits = ['apple', 'banana', 'cherry', 'orange']; const value = 'cherry'; const index = fruits.reduce((acc, item, currentIndex) =>{ if (element === valor && acc === -1) { return currentIndex;  } retorn acc; }, -1); console.log(índex);>>>  
Sortida
Quina és la millor manera de millorar la vostra puntuació ACT Science? Utilitzeu els meus 9 consells i estratègies d'experts per preparar-vos cap a una puntuació de 26 o més.

Llegir Més