Wprowadzenie do metod tablic w JavaScript
JavaScript oferuje tablice do przechowywania danych, takich jak liczby całkowite, łańcuch i obiekty zdefiniowane przez użytkownika. Scenariusz przypadku użycia jest podobny do pojęcia tablic, które znajdujemy w innych językach. W tym temacie poznamy metody tablic w JavaScript.
JavaScript jest językiem frontonu, który dodaje dynamiczne zachowanie do strony internetowej, tablice te są używane do przechowywania danych do renderowania na stronie internetowej, tak jak masz listę książek z ich nazwiskiem, nazwiskiem autora, datą publikacji i kosztem, więc to wszystko może być umieszczone w obiekcie, a wiele obiektów wygenerowanych w międzyczasie może być przechowywanych w tych tablicach, które mogą być przekazane do kontrolera w celu przetworzenia lub w ten sam sposób, w jaki kontroler może wysłać to do widoku w celu renderowania.
Deklaracja tablicy w JavaScript jest wykonywana w ten sposób
var arr = new Array();
lub
var arr=();
lub
var arr = (1, 2, 3, 4);
Tutaj możesz zobaczyć jedną rzecz, którą podaliśmy wartościom całkowitym tablicę i oznaczyliśmy ją jako typ var, w Javascripcie wszystkie elementy będą przechowywane tylko z typem var i jeśli mają być traktowane oraz liczby całkowite lub inne typy danych, które widzisz wyglądają jak, wtedy parsowanie do tego typu musi być wykonane podczas korzystania z danych z tablicy.
Metody tablic w JavaScript
Do przetwarzania danych tablicowych dostępnych jest wiele metod, które pomogą nam wykonać niektóre operacje wymagane podczas przetwarzania danych i manipulacji.
1. Foreach
Ta metoda służy do zapętlania danych tablicy i każdy element może być renderowany w pożądanym miejscu zastępczym na stronie internetowej.
var country = ('India', 'Australia', 'South Africa');
będziemy iterować od indeksu 0 do długości-1, gdzie długość jest rozmiarem tablicy, która wynosi tutaj 3.
Teraz powtórzmy je za pomocą metody forEach -
Przykład
var country = ('India', 'Australia', 'South Africa');
country.forEach(function(indexElement, index, array)
(
console.log(indexElement, index);
) );
Wynik -
2. Naciśnij
Ilekroć masz istniejącą tablicę, a tymczasem wykonujesz obliczenia, w których tablica prawdopodobnie otrzyma pewną wartość danych, która zostanie do niej dodana. W takim przypadku należy zastosować funkcję push.
Dodajmy kraj do wyżej zdefiniowanej listy, tym razem powtórzymy go, a także zostanie wyświetlona zmieniona długość.
Pamiętaj, że wypychanie zostanie wykonane przy ostatnim indeksie dostępnym w tablicy.
Przykład
// this line gives current length ie 3
console.log(country.length + ' is current length')
// here we push one more country
country.push('USA')
//print updated length
console.log(country.length + ' is current length')
// print each element and index
country.forEach(function(indexElement, index, array)
(
console.log(indexElement, index);
) );
Wynik -
3. Pop
Możemy również mieć wymaganie, w którym musimy usunąć elementy danych z tablicy, pop służy do usunięcia elementu z końca tablicy, tzn. Ostatni element tablicy zostanie usunięty i tak dalej.
Weźmy przykład, aby zobaczyć to samo -
// this line gives current length ie 4
console.log(country.length + ' is current length')
// pop the last element, it doesn't take any argument
Country.pop()
// this line gives current length ie 3, as the array lost one element
console.log(country.length + ' is current length')
Wynik -
4. Shift ()
Możesz mieć wymóg, w którym musisz wyjąć element z przodu tablicy, więc nie możesz użyć do tego pop, ponieważ najpierw usunie wszystkie twoje dane, a następnie sprawi, że dotrzesz do pierwszego elementu, na to mamy przesunięcie (), spowoduje to bezpośrednie usunięcie elementu z początku tablicy.
Zobaczmy poniżej przykład tego -
Tutaj uruchomimy pętlę forEach, aby pokazać, który element został usunięty.
// line below will remove India, which was the first element
country.shift() ;
//let's print the elements now
country.forEach(function(indexElement, index, array)
(
console.log(indexElement, index);
) );
Wynik -
Na powyższym obrazku widać, że cała tablica faktycznie została przesunięta w lewo, element „Australia” przesunął się z indeksu 1 do indeksu 0. Ta operacja prowadzi do przesunięcia wszystkich elementów tablicy i może być kosztowna, gdy dane są naprawdę ogromne, dlatego należy je wykorzystać przy odpowiedniej analizie i należy przestrzegać odpowiednich technik kodowania.
5. Unshift ()
W tym przypadku wymaganiem jest dodanie danych z przodu tablicy, zamiast dodawania jej na końcu, ta metoda nazywa się unshift (), a to spowoduje dodatkowe obciążenie związane z przesunięciem wszystkich wychodzących elementów tablicy o jeden indeks w jednej operacji wstawiania.
Może to również okazać się kosztowną operacją, gdy wydajność ma być na równi.
Zobaczmy przykład, jak to zrobić bez zmian -
Zobacz indeks, w którym nowo dodany element „Kanada” pojawia się na migawce.
//add Canada
country.unshift('Canada');
//print elements
country.forEach(function(indexElement, index, array)
(
console.log(indexElement, index);
) );
Wynik -
6. Łączenie
Ta metoda służy do usuwania elementów opartych na pewnym indeksie przekazywanym przez użytkownika, do tej pory widzieliśmy push i pop, shift i unshift, wszystkie te zajmowały się ostatnim i pierwszym indeksem, jeśli mamy wykonać operację usuwania z indeksami środkowymi, to potrzebujemy metody łączenia i możemy przekazać indeks elementu do usunięcia z tablicy.
Weźmy przykład, w którym podaliśmy indeks początkowy, od którego wszystkie elementy muszą zostać usunięte z tablicy.
Dodałem Newzealand do istniejącej tablicy i ponownie stworzyłem jej rozmiar 4.
//the following statement will target index 2 and 3 to be removed.
country.splice(2), /code>
Wynik -
7. isArray ()
Ta metoda sprawdza, czy zmienna ma tablicę typu, czy nie.
Zróbmy to z poniższej migawki
Wniosek
Widzieliśmy tutaj wiele metod manipulowania danymi za pomocą javascript, które przydają się podczas tworzenia gier lub stron internetowych.
Polecane artykuły
Jest to przewodnik po metodach tablic w JavaScript. Tutaj omawiamy wiele metod, które pomogą nam wykonać niektóre operacje wymagane podczas przetwarzania danych i manipulacji. Możesz także zapoznać się z następującymi artykułami, aby dowiedzieć się więcej -
- Konstruktor w JavaScript
- Tablice w JavaScript
- Co to jest JavaScript?
- Przesłanianie w JavaScript
- Tablice w PHP