logo

Znajdź indeks tablicy z wartością w JavaScript

Znajdowanie indeksu określonej wartości w tablicy w JavaScript polega na przeszukiwaniu elementów tablicy w celu zlokalizowania pozycji żądanej wartości. Indeks ten służy jako punkt odniesienia przy uzyskiwaniu dostępu do wartości w tablicy lub manipulowaniu nią.

polecenie rozciągania programu AutoCAD

Przykład 1:



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

Są to następujące podejścia, za pomocą których możemy znaleźć indeks tablicy z wartością:

Spis treści

Korzystanie z metody IndexOf().

  • Mamy tablicę owoców i chcemy znaleźć indeks elementu „wiśnia”.
  • Używamy indeks() metoda wyszukiwania „wiśni” w tablicy owoców i zwraca indeks „wiśni”, który wynosi 2.

Przykład: Ten przykład jest implementacją podejścia wyjaśnionego powyżej.

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

Wyjście
2>

Korzystanie z metody findIndex().

  • The metoda findIndex(). w JavaScript służy do uzyskania indeksu początkowego elementu tablicy, który spełnia określony warunek lub funkcję testującą.
  • Metoda zwraca indeks pierwszego elementu, który przeszedł test lub -1, jeśli żaden element nie przeszedł testu. Metoda findIndex() nie modyfikuje oryginalnej tablicy.

Przykład : Ten przykład jest implementacją podejścia wyjaśnionego powyżej.

JavaScript
const array = [10, 20, 30, 40]; const index = array.findIndex(num =>liczba> 25); konsola.log(indeks); // Dane wyjściowe: 2>

Wyjście
2>

Używanie pętli for

  • Innym podejściem do znalezienia indeksu tablicy o określonej wartości jest użycie pętli for w celu iteracji po tablicy i porównania każdego elementu z wartością.
  • Pętla iteruje po każdym elemencie tablicy liczb i sprawdza, czy bieżący element jest równy 30.
  • Gdy element 30 zostanie znaleziony pod indeksem 2, pętla zostanie zakończona instrukcją break, a indeks 2 zostanie zapisany w zmiennej indeksu.
  • Na koniec zmienna indeksowa jest rejestrowana w konsoli, która zwraca wartość 2.

Przykład : Ten przykład jest implementacją podejścia wyjaśnionego powyżej.

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>

Wyjście
2>

Korzystanie z metody Lodash _.findIndex().

  • W tym podejściu do funkcji używamy lodash, czyli biblioteki JavaSCript.
  • Posiada wbudowaną funkcję _.findIndex() za pomocą którego można znaleźć indeks danej wartości.
  • Musimy przekazać podaną wartość tablicy, a ona zwróci numer indeksu.

Przykład: Ten przykład jest implementacją podejścia wyjaśnionego powyżej.

w porównaniu z Javą
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) =>{zwróć e == 1; }, 0); // Wydrukuj oryginalną tablicę console.log('original Array: ', array1) // Wydrukuj indeks console.log('index: ', indeks)>

Wyjście:

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

Korzystanie z metody redukcji

The metoda redukcji iteruje po elementach tablicy, porównując każdy z wartością docelową. Zwraca indeks po znalezieniu wartości, aktualizując akumulator; w przeciwnym razie zwraca -1.

Przykład: W tym przykładzie metoda redukcji wykonuje iterację po każdym elemencie tablicy. Jeśli bieżący element odpowiada wartości, której szukamy, a akumulator nadal wynosi -1 (co oznacza, że ​​element nie został jeszcze znaleziony), zwraca bieżący indeks.

JavaScript
const fruits = ['apple', 'banana', 'cherry', 'orange']; const value = 'cherry'; const index = fruits.reduce((acc, item, currentIndex) =>{ if (item === wartość && acc === -1) { return currentIndex;  } powrót wg; }, -1); konsola.log(indeks);>

Wyjście
2>