for문 배열 출력

imjingu·2023년 7월 17일

개발공부

목록 보기

123/481

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        const todos = ['우유구매', '업무 메일 확인', '필라테스 수업'];
        const times = ['8시', '3시', '12시'];

        for (const i in todos) {
            console.log(`${times[i]}에 ${todos[i]}하기`);
        }

        //배열 출력을 위한 전통적인 방법
        for (let i = 0; i < todos.length; i++) {
            console.log(`${i}번째 할 일: ${todos[i]}`);
            console.log(typeof i); // number
        }

        /* for of 반복문
        반복문 내부의 반복변수에 인덱스 대신 요소의 값이 들어감

        for(const 반복변수 of 배열 또는 객체) {
            문장
        }
        */
        for (const todo of todos) { // todo에 요소의 값이 들어감
            console.log(`오늘의 할 일: ${todo}`);
        }

        for (const i in todos) { //i는 인덱스 번호를 가져옴
            console.log(`${i}번째 할 일 : ${todos[i]}`); //인덱스번호를 이용해 값에 접근
            console.log(i); // 0 1 2
            console.log(typeof i); // string
        }
    </script>
</body>
</html>

imjingu

이전 포스트

배열 이용 년도를 받아 띠 나타내기 `` 이용

다음 포스트

for문 배열 출력

개발공부

배열 이용 년도를 받아 띠 나타내기 `` 이용

for- 1~에서 100까지 곱하기

0개의 댓글