JavaScript의 for...of 루프

반복을 기반으로 작업을 수행하기 위해 코딩을 배우거나 코드 줄을 작성하는 동안 JavaScript에서 다양한 유형의 루프를 접했을 수 있습니다. 반복에 사용되는 JavaScript에는 for 루프와 while 루프의 두 가지 주요 루프 유형이 있습니다. do...while 루프를 별도의 루프로 생각할 수 있지만 지금은 while 루프로 분류하겠습니다. 반복하거나 반복하는 데이터 유형에 따라 다양한 for 루프가 있습니다. 이러한 종류는 일반적인 for 루프, 배열 또는 html 노드 모음을 반복하는 for...of 및 객체를 반복하는 for...in입니다. 이 게시물에서는 JavaScripst에서 배열을 반복하는 for...of 루프 기술에 중점을 둘 것입니다.

~을 위한...의
이 시점에서 문자열, float, 객체, 배열 등과 같은 JavaScript의 다양한 데이터 유형과 상호 작용했을 수 있습니다. 이 부분에서는 배열에만 초점을 맞출 것입니다. 지금은 배열에 익숙할 것입니다. 배열은 함께 묶인 항목의 모음입니다. 이러한 항목은 숫자, 문자열, 중첩 배열, 부울 또는 객체일 수 있습니다. for...of를 사용하여 문자열과 숫자의 배열을 반복합니다. for...of 루프는 어떤 식으로든 복잡하지 않습니다. 사실 꽤 간단합니다. for...of는 for (let item of items){code to execute} 형식을 사용합니다. 숫자와 문자열의 배열을 통해 반복하여 이것을 실행해 봅시다.

//create a variable using const to store the array of numbers
const numbers = [24, 67, 84, 38, 39, 92,37];

//loop through the numbers to check it is an even or odd number

for (let number of numbers) {
//code to execute
//checks if number is even or odd
    if (number%2===0){
        console.log(`${number} is even`)
    }else {
        console.log(`${number} is odd`)
    }
}
/*
24 is even
67 is odd
84 is even
38 is even
39 is odd
92 is even
37 is odd
*/

For...of 루프는 모든 데이터 유형의 항목을 포함하는 배열을 반복하는 데 사용할 수도 있습니다. for...of 루프를 사용하여 문자열 배열을 반복해 보겠습니다. 배열의 각 단어를 대문자로 표시합니다.

//create a variable using const to store the array of countries
const countries = ["Kenya", "Sudan", "Nigeria", "Tanzania", "Brazil", "Germany", "India"];

//loop through the countries and convert each country name to uppercase

for (let country of countries) {
    console.log(country.toUpperCase())
}
/*
KENYA
SUDAN
NIGERIA
TANZANIA
BRAZIL
GERMANY
INDIA
*/

지금까지 for...of 루프를 사용하여 배열을 반복하는 방법을 배웠습니다. **for...of ** 루프는 html 노드 모음을 반복하는 데 사용할 수 있습니다. 이것이 이번 포스트의 전부입니다. 즐거운 독서와 행복한 코딩이 되셨기를 바랍니다.