Ітерація масивів у JavaScript є фундаментальним завданням, яке часто виконують розробники. JavaScript надає кілька методів для перебору масивів, зокрема for, forEach(), map(), filter(), reduce() і for…of. Кожен метод має свої конкретні випадки використання, переваги та найкращі практики. У цьому посібнику розглядаються ці різні методи ітерації масивів, демонструючи, як ефективно циклювати масиви для маніпулювання їх елементами та доступу до них у JavaScript.

Існує багато способів перебору масиву в JavaScript:

Зміст

• 1. Використання методу console.log().
• 2. Використання циклу for
• 3. Використання циклу while
• 4. Використання методу forEach().
• 5. Використання методу every().
• 6. Використання методу map().
• 7. Використання методу filter().
• 8. Використання методу reduce().
• 9. Використання методу some().
• 10. Використання методу entries().

1. Використання методу console.log().

приклад: У цьому прикладі ми будемо звертатися до простих елементів масиву, використовуючи їхні номери індексів.

факториал в c

let array = ['geeks', '4', 'geeks']; // Accessing array elements one by one console.log(array[0]); console.log(array[1]); console.log(array[2]);>

geeks 4 geeks>

Існує кілька способів перебору масиву в JavaScript. Найкорисніші з них перераховані нижче.

2. Використання циклу for

The для циклу виконує набір інструкцій неодноразово, доки дана умова не стане помилковою. Це схоже на цикли в інших мовах, таких як C/C++, Java тощо.

приклад: У цьому прикладі ми використовуємо цикл for для ітерації масиву.

let array = [1, 2, 3, 4, 5, 6]; for (let index = 0; index < array.length; index++) {  console.log(array[index]); }>

1 2 3 4 5 6>

3. Використання циклу while

А цикл while у JavaScript — це оператор потоку керування, який дозволяє багаторазово виконувати код на основі заданої логічної умови.

приклад: У цьому прикладі ми використовуємо цикл while для ітерації масиву.

метод підрядка java

let index = 0; let array = [1, 2, 3, 4, 5, 6]; while (index < array.length) {  console.log(array[index]);  index++; }>

1 2 3 4 5 6>

4. Використання методу forEach().

The Метод forEach(). викликає надану функцію один раз для кожного елемента масиву в порядку.

приклад: У цьому прикладі ми використовуємо метод forEach() для ітерації масиву.

let index = 0; let array = [1, 2, 3, 4, 5, 6]; array.forEach(myFunction); function myFunction(item, index) {  console.log(item); }>

1 2 3 4 5 6>

5. Використання методу every().

The метод every(). перевіряє, чи всі елементи в масиві проходять перевірку (надається як функція).

приклад: У цьому прикладі ми використовуємо метод every() для ітерації масиву.

let x = 0; let array = [1, 2, 3, 4, 5, 6]; const under_five = x =>х< 5; if (array.every(under_five)) {  console.log('All are less than 5'); } else {  console.log('At least one element is not less than 5'); }>

At least one element is not less than 5>

6. Використання методу map().

А метод map(). застосовує функцію до кожного елемента, а потім повертає новий масив.

вирівнювання тексту css

приклад: У цьому прикладі ми використовуємо метод map() для ітерації масиву.

let x = 0; let array = [1, 2, 3, 4, 5, 6]; let square = x =>Math.pow(x, 2); квадрат = array.map(квадрат); console.log(масив); console.log(квадрат);>

[ 1, 2, 3, 4, 5, 6 ] [ 1, 4, 9, 16, 25, 36 ]>

7. Використання методу filter().

Метод filter(). використовується для фільтрації значень із масиву та повернення нового відфільтрованого масиву.

приклад: У цьому прикладі ми використовуємо метод filter() для ітерації масиву.

let array = [1, 2, 3, 4, 5, 6]; let even = x =>х % 2 === 0; let evens = array.filter(even); console.log(масив); console.log(evens);>

[ 1, 2, 3, 4, 5, 6 ] [ 2, 4, 6 ]>

8. Використання методу reduce().

Метод reduce(). використовується для зменшення масиву в одне значення за допомогою певної функціональної логіки.

приклад: У цьому прикладі ми використовуємо метод reduce() для ітерації масиву.

let array = [1, 2, 3, 4, 5, 6]; const helperSum = (acc, curr) =>acc + curr; const sum = array.reduce(helperSum, 0); console.log(масив) console.log(сума);>

[ 1, 2, 3, 4, 5, 6 ] 21>

9. Використання методу some().

Метод some(). використовується для перевірки того, чи деякі значення масиву проходять перевірку.

довгий рядок

приклад: У цьому прикладі ми використовуємо метод some() для ітерації масиву.

let array = [1, 2, 3, 4, 5, 6]; const lessthanFourCheck = (element) =>елемент< 4; const lessthanFour = array.some(lessthanFourCheck); console.log(array); if (lessthanFour) {  console.log('At least one element is less than 4') } else {  console.log('All elements are greater than 4 ') }>

[ 1, 2, 3, 4, 5, 6 ] At least one element is less than 4>

10. Використання методу entries().

Метод entries() повертає новий об’єкт Array Iterator, який містить пари ключ/значення для кожного індексу в масиві. Це можна використовувати для доступу як до індексу, так і до значення кожного елемента.

приклад: У цьому прикладі ми використовуємо метод entries() для ітерації масиву.

let array = [1, 2, 3, 4, 5, 6]; for (let [index, value] of array.entries()) {  console.log(index, value); }>

0 1 1 2 2 3 3 4 4 5 5 6>