[Javascript] 03-3 선택문

switch문

변수값과 case 값을 비교하여 일치하는게 있으면 해당 코드 실행

- if문과 차이점 : if문은 데이터가 여러 개일 경우 사용, switch문은 여러 경우의 값 중 일치하는 데이터를 찾을 때 사용

<새로 나온 개념>

1. \ (역슬래시) : 문자열에서 줄 바꿈할 경우 사용

2. break : switch문을 바로 빠져나가게 해줌

3. default : switch문의 구조는 여러 case문과 맨 마지막에 나머지 모든 경우를 실행해주는 default문으로 이루어짐

4. alert() 메소드 : 알림창을 띄움

5. location.reload() 메소드 : 현재 창을 다시 road 시킴

6. location.href = "링크주소" : 주소 이동 메소드

<!DOCTYPE html>
<html lang="ko">
<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>switch</title>
</head>
<body>
    <script>
        // 문자열 줄 바꿔서 이어 붙일 때 역슬래시(\) 사용
        var site = prompt("네이버, 다음, 네이트, 구글 중 \
즐겨 사용하는 포털 검색 사이트는?", "");
        var url;

        switch(site) {
            case "구글" : 
                url = "www.google.com";
                break;
            case "다음" :
                url = "www.daum.net";
                break;
            case "네이버" :
                url = "www.naver.com";
                break;
            case "네이트" :
                url = "www.nate.com";
                break;
            default :
                alert("보기 중에는 없는 사이트입니다.");
                location.reload();
            }
        // location.href : 현재 창 주소이동 메소드
        if(url) {
            location.href = "http://" + url;
        }
    </script>
</body>
</html>

저작자표시 비영리 변경금지

'💻 1. 웹개발_Front end > 1-4 Javascript' 카테고리의 다른 글

[Javascript] 04-1 객체 (0)	2021.09.12
[Javascript] 03-4 반복문 (0)	2021.09.07
[Javascript] 03-2 조건문 (0)	2021.09.05
[Javascript] 03-1 제어문이란? (0)	2021.09.05
[Javascript] 02-3 연산자 (0)	2021.09.05