JavaScript Jak iterować nad tablicą z 4 różnymi pętlami

Iteracja nad tablicą jest powszechnym zadaniem w programowaniu i istnieje kilka sposobów na zrobienie tego w JavaScript. W tym artykule przyjrzymy się czterem różnych metod zapętlania za pomocą tablicy w JavaScript: The For Loop, Foreach Loop, For-In Loop i For-Ox Pętla. Omówimy również kilka dodatkowych sposobów zapętlania tablicy za pomocą funkcji wyższego rzędu, takich jak mapa i redukuj.

Istnieje kilka sposobów na zapętlenie tablicy w JavaScript. Najczęstszym sposobem jest użycie pętli na rzecz, ale istnieją również inne opcje, takie jak Foreach, For-In i For-Of-of-Ona.

Metoda 1: Używanie 'Do' pętla

Pętla to najbardziej tradycyjny sposób na pętlę nad tablicą w JavaScript. Ma trzy części: stan początkowy, warunek zatrzymania i krok.

Aby zapętlić tablicę z pętlą, możesz użyć 'szyk.długość' właściwość do ustalenia liczby iteracji. Oto przykład zapętlania tablicy i wydrukowania każdego elementu na konsolę:

const dni = [„Sun”, „mon”, „wt”, „śr”, „thu”, „pt”, „sat”]; dla (niech i = 0; i < days.length; i++) console.log(days[i]);

12345

const dni = [„Sun”, „mon”, „wt”, „śr”, „thu”, „pt”, „sat”]; dla (niech i = 0; i < days.length; i++) console.log(days[i]);

Metoda 2: Używanie 'dla każdego' pętla

Pętla Foreach to funkcja wyższego rzędu, która pozwala iterować tablicę i wykonywać funkcję wywołania zwrotnego na każdym elemencie. Oto przykład używania pętli foreach do wydrukowania każdego elementu tablicy do konsoli:

const dni = [„Sun”, „mon”, „wt”, „śr”, „thu”, „pt”, „sat”]; dni.foreach (funkcja (dzień) konsola.dziennik (dzień); );

12345

const dni = [„Sun”, „mon”, „wt”, „śr”, „thu”, „pt”, „sat”]; dni.foreach (funkcja (dzień) konsola.log (dzień););

Metoda 3: Używanie 'dla w' pętla

Pętla dla in-in służy do zapętlania właściwości obiektu. Możesz użyć pętli dla in-in, aby zapętlić się nad tablicą, najpierw przekształcając ją w obiekt. Oto przykład tego, jak to zrobić:

const dni = [„Sun”, „mon”, „wt”, „śr”, „thu”, „pt”, „sat”]; dla (Let Day In Days) konsola.log (dni [dzień]);

12345

const dni = [„Sun”, „mon”, „wt”, „śr”, „thu”, „pt”, „sat”]; dla (Let Day In Days) konsola.log (dni [dzień]);

Metoda 4: Korzystanie z pętli „for-of-of”

Pętla to nowsza pętla wprowadzona w ES6, która pozwala iterować wartości iterowalnego obiektu, takie jak tablica. Oto przykład, jak używać pętli do wydrukowania każdego elementu tablicy do konsoli:

const dni = [„Sun”, „mon”, „wt”, „śr”, „thu”, „pt”, „sat”]; dla (niech dzień dni) konsola.dziennik (dzień);

12345

const dni = [„Sun”, „mon”, „wt”, „śr”, „thu”, „pt”, „sat”]; dla (niech dzień dni) konsola.log (dzień);

Oprócz standardowych metod zapętlania opisanych powyżej, istnieje również kilka innych sposobów zapętlania tablicy w JavaScript, takich jak użycie funkcji „mapa” lub „redukuj” lub za pomocą pętli „while” lub „do-while”.

Wniosek

W tym artykule obejrzeliśmy cztery różne sposoby zapętlenia tablicy w JavaScript: „Pętla”, „Foreach”, „for-in” i „for-of-of-of” pętli. Omówiliśmy również kilka dodatkowych sposobów zapętlania tablicy za pomocą funkcji wyższego rzędu, takich jak mapa i redukuj. Niezależnie od metody, którą wybierzesz, ważne jest, aby zrozumieć zalety i wady każdej metody oraz wybrać tę, która najlepiej odpowiada Twoim potrzebom. Dzięki tym technikom w zestawie narzędzi będziesz dobrze wyposażony w iterację nad tablicami w JavaScript.