'분류 전체보기' 카테고리의 글 목록 (4 Page)

함수는 코드의 집합을 나타내는 자료형이다.
함수는 다음 형태로 만든다.

var 함수 = function () { };

방금 만든 function () { } 형태는 함수이지만,
이름이 없으므로 익명 함수라고 부른다.
이름이 없으므로 변수에 넣어서 사용해야 한다.

자바스크립트에서 함수는 하나의 자료형이지만, 다른 자료형과 다르게
뒤에 괄호를 열고 닫음으로써 코드를 실행한다.

함수();

자바스크립트는 이렇게 함수를 실행하는 것을 '함수를 호출한다.' 라고 표현한다.

<script>
    //함수를 만든다.
    var 함수 = function () {
        var output = prompt('숫자를 입력해주세요.', '숫자');
        alert(output);
    };

    //함수를 호출한다.
    함수();
</script>

참고 서적 : 모던 웹을 위한 JavaScript + jQuery 입문(개정판)

윤인성 지음. 한빛미디어

'웹개발 > javascript' 카테고리의 다른 글

자바스크립트 매개변수 (0)	2019.02.01
자바스크립트 선언적 함수 (0)	2019.02.01
break, continue 키워드 (0)	2019.02.01
자바스크립트 반복문 (0)	2019.02.01
비교연산자와 일치연산자 (0)	2019.01.31

break 키워드는 switch 조건문이나 반복문을 벗어날 때 사용하는 키워드이다.

while (true) {

}

위에 반복문은 조건이 항상 참이므로 무한 반복한다.
이러한 무한루프는 break 키워드를 사용해야 벗어날 수 있다.

<script>
var i = 0;
while (true) {
    if (i > 5) {
        break;
    }
    alert(i);
    i = i + 1;
}
</script>

결과는 0부터 5까지만 출력하고 반복문을 종료한다.

continue 키워드는 반복문 내에서 현재 반복을 멈추고 다음 반복을 진행시키는 키워드다.

<script>
    for (var i = 1; i <= 10; i++) {
        continue;
        alert(i);
    }
</script>

위에 코드를 실행하면 경고창이 하나도 출력되지 않는다.
continue 키워드를 만나면 바로 다음 반복으로 넘어가므로 alert( ) 함수를 실행하지 않는 것이다.

코드를 하나 더 살펴보자.

<script>
    //변수 선언
    var output = 0;

    //반복문
    for (var i = 1; i <= 10; i++) {
        if (i % 2 == 1) {
            // 홀수이면 현재 반복을 중지하고 다음 반복을 수행
            continue;
        }
        output += i;
    }
    //출력한다.
    alert(output);
</script>

위에 코드의 결과는
조건문을 사용해서 홀수일 때는 continue 키워드를 만나 바로 다음 반복으로 넘어가기 때문에
짝수의 합만 구해진다.

참고 서적 : 모던 웹을 위한 JavaScript + jQuery 입문(개정판)

윤인성 지음. 한빛미디어

'웹개발 > javascript' 카테고리의 다른 글

자바스크립트 선언적 함수 (0)	2019.02.01
자바스크립트 익명 함수 (0)	2019.02.01
자바스크립트 반복문 (0)	2019.02.01
비교연산자와 일치연산자 (0)	2019.01.31
숫자와 문자열 사이의 자료형 변환 (1)	2019.01.31

자바스크립트 반복문도 구글링하면 다 나오니까
반복문 종류만 알고 넘어가자.

1. while 반복문
2. do while 반복문
3. for 반복문
4. for in 반복문

나는 여기서 4번. for in 반복문을 잘 사용해보지 않았기 때문에,
정리하고 넘어가자.

for in 반복문의 기본형태

for (var i in array) {

}

이러한 for in 반복문은 다음 단순 for 반복문과 같은 기능을 수행한다.

for (var i = 0; i < array.length; i++) {

}

<script>
    //변수를 선언한다.
    var array = ['포도', '사과', '바나나', '망고'];

    //반복문
    for (var i in array) {
        alert(array[i]);
    }
</script>

참고 서적 : 모던 웹을 위한 JavaScript + jQuery 입문(개정판)

윤인성 지음. 한빛미디어

'웹개발 > javascript' 카테고리의 다른 글

자바스크립트 익명 함수 (0)	2019.02.01
break, continue 키워드 (0)	2019.02.01
비교연산자와 일치연산자 (0)	2019.01.31
숫자와 문자열 사이의 자료형 변환 (1)	2019.01.31
문자열과 불을 입력하는 방법 (0)	2019.01.31

비교 연산자

>=      좌변이 우변보다 크거나 같다.
<=      우변이 좌변보다 크거나 같다.
>       좌변이 크다.
<       우변이 크다.
==      좌변과 우변이 같다.
!=      좌변과 우변이 다르다.

다음 코드의 네 가지 출력 결과를 예측해보자.

<script>
    alert('' == false);
    alert('' == 0);
    alert(0 == false);
    alert('273' == 273);
</script>

결과는 네 가지 모두 true를 출력한다.
자동 자료형 변환으로 인해 비교 연산자를 사용할 때, 이처럼 뜻하지 않는 경우가 발생할 수 있다.
자료형이 다른 것을 확실하게 구분 짓고 싶다면 일치 연산자를 사용해야 한다.


일치 연산자
===     양 변의 자료형과 값이 일치하다.
!==     양 변의 자료형과 값이 다르다.

다음 코드의 네 가지 출력 결과를 예측해보자.

<script>
    alert('' === false);
    alert('' === 0);
    alert(0 === false);
    alert('273' === 273);
</script>

결과는 모두 false를 출력한다.
좌변과 우변이 자료형부터 다르기 때문이다.

기본이 되는 내용이지만,
하. 나도 결과를 예측하지 못했다.컹컹컹

참고 서적 : 모던 웹을 위한 JavaScript + jQuery 입문(개정판)

윤인성 지음. 한빛미디어

'웹개발 > javascript' 카테고리의 다른 글

break, continue 키워드 (0)	2019.02.01
자바스크립트 반복문 (0)	2019.02.01
숫자와 문자열 사이의 자료형 변환 (1)	2019.01.31
문자열과 불을 입력하는 방법 (0)	2019.01.31
자바스크립트 자료형 검사 (0)	2019.01.31

<script>
    // 1번
    alert('52 + 273');
    // 2번
    alert(52 + 273);
    // 3번
    alert('52' + 273);
    // 4번
    alert(52 + '273');
    // 5번
    alert('52' + '273');
</script>

위에 코드의 실행 결과를 예측해보자.

1번은 '52 + 273' 자체가 하나의 문자열이므로 그대로 출력한다.
2번은 숫자의 덧셈이 실행되어 325를 출력한다.
3, 4, 5번은 모두 문자열 '52273'을 출력한다. 숫자와 문자열을 덧셈 연산을 할 때는
문자열이 우선되기 때문이다.

반면에 더하기 연산자를 제외한 사칙 연산자는 숫자가 우선된다.

<script>
    // 1번
    alert('52 * 273');
    // 2번
    alert(52 * 273);
    // 3번
    alert('52' * 273);
    // 4번
    alert(52 * '273');
    // 5번
    alert('52' * '273');
</script>

위에 코드의 실행 결과를 예측해보자.

1번은 '52 * 273'을 출력한다.
2, 3, 4, 5번의 경우 숫자가 우선되어 '14196'을 출력한다.

이렇게 자동으로 자료형이 변환되는 것 이외에도 강제로 자료형을 변환할 수 있다.
다른 자료형을 숫자로 바꿀 때는 Number( ) 함수를 사용하고,
다른 자료형을 문자열로 바꿀 때는 String( ) 함수를 사용한다.

참고 서적 : 모던 웹을 위한 JavaScript + jQuery 입문(개정판)

윤인성 지음. 한빛미디어

'웹개발 > javascript' 카테고리의 다른 글

자바스크립트 반복문 (0)	2019.02.01
비교연산자와 일치연산자 (0)	2019.01.31
문자열과 불을 입력하는 방법 (0)	2019.01.31
자바스크립트 자료형 검사 (0)	2019.01.31
자바스크립트의 자료형 (0)	2019.01.31

<script>
    //변수를 선언합니다.
    var input = prompt('프롬프트 창에 표시할 메시지', '기본값');

    alert(input);
</script>

문자열을 입력할 때 사용하는 함수는 => prompt( )

위에 코드를 실행하면 사용자에게 입력을 요구하는 입력창이 나타나고,

사용자가 입력창에 값을 입력하고 확인을 누르면,

prompt( ) 함수가 입력한 문자열로 변환된다.

<script>
    //변수를 선언합니다.
    var input = confirm('수락하시겠습니까?');

    alert(input);
</script>

불을 입력받을 때 사용하는 함수는 => confirm( )

confirm( ) 함수를 사용하면, 사용자에게 확인을 요구하는 창이 뜬다.

confirm( ) 함수는 사용자가 확인을 누르면 true를 리턴하고,

취소를 누르면 false를 리턴한다.

참고 서적 : 모던 웹을 위한 JavaScript + jQuery 입문(개정판)

윤인성 지음. 한빛미디어

'웹개발 > javascript' 카테고리의 다른 글

자바스크립트 반복문 (0)	2019.02.01
비교연산자와 일치연산자 (0)	2019.01.31
숫자와 문자열 사이의 자료형 변환 (1)	2019.01.31
자바스크립트 자료형 검사 (0)	2019.01.31
자바스크립트의 자료형 (0)	2019.01.31

어느 웹개발자의 시크릿 노트