[JavaScript] 반복문,배열

성적 계산 숙제

    <script>
        let Java = parseInt(prompt('당신의 Java 점수는?'))
        let Web = parseInt(prompt('당신의 Web 점수는?'))
        let Android = parseInt(prompt('당신의 Android 점수는?'))
        let sum = Java + Web + Android
        let avg = parseInt((Java + Web + Android) / 3)

        if (avg >= 90) {
            console.log("당신의 평균 점수는 " + avg + "이고, 학점은 A입니다.")
        } else if (avg >= 80) {
            console.log("당신의 평균 점수는 " + avg + "이고, 학점은 B입니다.")
        } else if (avg >= 70) {
            console.log("당신의 평균 점수는 " + avg + "이고, 학점은 C입니다.")
        } else if (avg >= 60) {
            console.log("당신의 평균 점수는 " + avg + "이고, 학점은 D입니다.")
        } else {
            console.log("당신의 평균 점수는 " + avg + "이고, 학점은 F입니다.")
        }
    </script>

반복문

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        let num1 = 1;
        let num2 = 10;
        //출력 결과 : 1부터 10까지의 합은? 55
        let sum = 0;
        for(let i = num1; i<=num2; i++){
            sum += i
        }
        console.log(sum);
            
    </script>
</body>
</html>

반복문 실습1

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        //1. 랜덤함 수를 뽑아준다.
        let ranNum =parseInt( Math.random()*100)
        console.log(ranNum);
        //2. 사용자에게 숫자를 입력받아준다
        //3. 숫자 > 랜덤 => '입력한 숫자보다 작은 수 입니다'
        
        while(true){
        let number = parseInt(prompt('숫자를 입력해주세요!'))
        if(number > ranNum){
            alert('입력한 숫자보다 작은 수 입니다..')
        }else if(number< ranNum){
            alert('입력한 숫자보다 큰 수 입니다.')
        }else {
            alert('정답입니다 축하합니다🎉')
            break
        }
    }

    </script>
</body>
</html>

배열(Array)

같은 타입의 여러 변수를 하나의 묶음으로 다루는 것 **인덱스!

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        //배열 : 여러 변수를 하나의 묶음으로 다루는 것!

        //1. 배열의 선언
        // let numlist = [];
        // let numList2 = new Array(5);

        //5개로 선언했어도 초과가 가능하다 ->공간 동적, 가변적
        
        //2.배열의 생성

        let numList = [1,2,3];
        let numList2 = new Array(1,2,3,4);


        console.log(numlist)
        console.log(numlist2)


        //3.데이터 저장
        // *****반드시! 배열을 선언한 후에 접근할 것
        // 인덱스로 접근할 때 0부터 시작할 것
        let numList3 = [];
        numList3[0] = 1
        numList3[3] = '가나다'
        console.lot(numList3.length)

        //4. 데이터 접근
        console.log(numList3[0])

        for(let i =0; i<numList3.length;i++){
            console.log(numList3[i])
        }

   </script>
</body>
</html>

배열예제

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        //list 라는 이름의 배열을 선언하고,
        //그 안에 23,54,78,13,44 라는 값을 넣는다

        let list = [23,54,78,13,44];

        let maxNum = list[0];

        for(let i = 0; i < list.length; i++){
            if(list[i]> maxNum){
                maxNum = list[i]
            }
        }
        alert(maxNum)
        //1. 비교할 대상을 잡아준다 maxNum
        //2. maxNum과 배열 안의 수 ㅏ례로 비교
        //3. 배열 안 최대값 출력(alert)
    </script>
</body>
</html>

배열 함수

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        //배열함수

        let list = [];

        //1. 배열의 맨 마지막 인덱스에 데이터 넣기 : push()
        list.push(3);
        list.push('희원');
        console.log('push : '+list)

        //2. 배열의 맨 마지막 인덱스에 데이터 삭제 : pop()
        list.pop()
        console.log('pop : ' + list)

        //3. 배열의 맨 앞 인덱스에 데이터 넣기 : unshift()
        list.unshift('김운비')
        console.log('unshift :' + list)

        //4. 배열의 맨 앞 인덱스에 데이터 넣기 : shift()
        list.shift()
        console.log('shift :' +list)

        //5. 원하는 위치에 데이터 추가, 삭제
        //(1) 추가 (원하는인덱스, 0 , 추가할 데이터)
        list.splice(1,0,'hi','bye')
        console.log('splice로 추가 :' + list)

        //(2)삭제 (원하는인덱스,삭제할 개수)
        list.splice(1,1)

    </script>
</body>
</html>

배열 예제

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        //1. 1부터 8까지 담긴 배열 생성
        //2. 홀수를 넣어줄 수 있는 배열 listHole
        //3. 홀수 구별
        
        let list = [1,2,3,4,5,6,7,8]
        let listHole = [];

        for(let i = 0; i<list.length; i++){
            if(list[i]%2 == 1){
                listHole.push(list[i])
            }
        }
            console.log('list 안에 들어있는 홀수는'+listHole +'이고')
            console.log('총'+listHole.length+'개입니다.')
    </script>
</body>
</html>

티스토리툴바