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().
- Korzystanie z metody findIndex().
- Używanie pętli for
- Korzystanie z metody Lodash _.findIndex().
- Korzystanie z metody redukcji
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>