<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
<script>
alert(typeof ('String'));
alert(typeof (273));
</script>

typeof 연산자를 사용하여, 자바스크립트의 자료형을 확인할 수 있다.
결과는 string과 number






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

윤인성 지음. 한빛미디어

<script>
// 자바스크립트의 자료형
var stringVar = 'String'; //문자열
var numberVar = 273; //숫자
var booleanVar = true; //불
var functionVar = function () {}; //함수
var objectVar = {}; //객체
var variable; //undefined
</script>

변수 variable처럼 선언은 했지만, 초기화하지 않았을 ,
undefined 자료형을 가진다.






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

윤인성 지음. 한빛미디어

+ Recent posts