자바스크립트 루프

For 루프

For 루프는 목록을 반복하는 데 사용됩니다.

    for (var i = 0; i < 5; i++) {
        console.log(i);
    }
    // 0
    // 1
    // 2
    // 3
    // 4

동안 루프

While 루프는 조건이 참인 동안 코드 블록을 실행하는 데 사용됩니다.

    let i = 1;
    while (i < 5) {
        console.log(i);
        i++;
    }
    // 1
    // 2
    // 3
    // 4

Do While 루프

Do While 루프는 코드 블록이 실행된 후 조건을 확인한다는 점을 제외하면 while 루프와 유사합니다.

    let i = 1;
    do {
        console.log(i);
        i++;
    } while (i < 5);
    // 1
    // 2
    // 3
    // 4

For 인 루프

For in 루프는 객체의 속성을 반복하는 데 사용할 수 있습니다.

    const array = [1, 2, 3, 4, 5];
    for (let i in array) {
        console.log(i);
    }
    // 0
    // 1
    // 2
    // 3
    // 4

For 루프

For of 루프는 배열 및 문자열과 같은 반복 가능한 객체를 반복하는 데 사용됩니다.

    const array = [1, 2, 3, 4, 5];
    for (let i of array) {
        console.log(i);
    }
    // 1
    // 2
    // 3
    // 4
    // 5

각 루프에 대해

배열 또는 객체를 트래버스합니다.

    const array = [1, 2, 3, 4, 5];
    array.forEach((element) => {
        console.log(element);
    })
    // 1
    // 2
    // 3
    // 4
    // 5

맵 루프

맵 루프는 배열과 객체를 반복하는 데 사용됩니다.

    const array = [1, 2, 3, 4, 5];
    const newArray = array.map((element) => {
        return element * 2;
    }
    console.log(newArray);
    // [2, 4, 6, 8, 10]

필터 루프

제공된 함수에 의해 구현된 테스트를 통과하는 모든 요소가 포함된 새 배열을 반환합니다.

    const array = [1, 2, 3, 4, 5];
    const newArray = array.filter((element) => {
        return element > 2;
    }
    console.log(newArray);
    // [3, 4, 5]

루프 감소

Reduce는 배열을 가져와 단일 값으로 줄이는 루프입니다.

    const array = [1, 2, 3, 4, 5];
    const newArray = array.reduce((acc, element) => {
        return acc + element;
    }
    console.log(newArray);
    // 15

루프 찾기

제공된 테스트 기능을 만족하는 배열의 첫 번째 요소를 반환합니다.

    const array = [1, 2, 3, 4, 5];
    const newArray = array.find((element) => {
        return element > 2;
    }
    console.log(newArray);
    // 3

인덱스 루프 찾기

제공된 테스트 기능을 만족하는 배열의 첫 번째 요소 인덱스를 반환합니다.

    const array = [1, 2, 3, 4, 5];
    const newArray = array.findIndex((element) => {
        return element > 2;
    }
    console.log(newArray);
    // 2

모든 루프

배열의 모든 요소가 테스트를 통과하면 true를 반환합니다. 또는 배열의 요소가 테스트에 실패하면 false입니다.

    const array = [1, 2, 3, 4, 5];
    const newArray = array.every((element) => {
        return element > 2;
    }
    console.log(newArray);
    // false

일부 루프

배열의 요소가 테스트를 통과하면 true를 반환합니다. 또는 배열의 모든 요소가 테스트에 실패하면 false입니다.

    const array = [1, 2, 3, 4, 5];
    const newArray = array.some((element) => {
        return element > 2;
    }
    console.log(newArray);
    // true