JAVA script

JAVA Script 기본 문법 ( 변수 선언 / 자료형 / 연산자 )

peach_h 2022. 9. 25. 17:11
변수 선언하기
var a;
var b;
var c;

var a; b; c;

var라는 예약어를 사용하여 변수를 선언한다.

한줄에 여러개씩 선언도 가능함 !

 

 

 

나이 계산 프로그램 만들기
<script>
    var current = 2022;
    var birthYear;
    var age;

    birthYear = prompt("태어난 년도를 입력하세요");
    age = current-birthYear +1;
    document.write(current+ "년 현재<br>")
    document.write(birthYear + "에 태어난 사람의 나이는" + age + "세 입니다.")
</script>

변수를 활용하여, 입력받은 값을 계산하는 프로그램도 만들 수 있다.

 

 

 

 

JAVA Script 자료형 알아보기
종류 예시
숫자형 12345
문자형 "12345"
논리형 True / False
배열 var fruit = ['사과', '딸기', '수박'];
객체  var date = new Date();  / 함수와 속성을 포함

 

배열의 인덱스는 0부터 시작한다.

 

 

 

JAVA Script 연산자

 

JAVA script의 연산자는 다른 언어와 거의 동일하다.

근데 ++--라는 녀석이 등장함

 

 var a = 10
 var b = a++ + 5

이렇게 쓰면 a는 a++때문에 1이 증가하여 11이되고, b는 15가 된다.

뒤에 붙은 ++는 연산식을 먼저 실행한 후 a를 1 증가시킨다.

 

 

++를 변수 앞에 붙이면?
var c = 10
var b = ++c + 5

++c는 c를 먼저 1증가 시킨 후, 연산을 실행함.

c는 11이되고, b는 16이 된다.

 

++와 --는 변수의 앞이냐 뒤냐에 따라 결과가 달라짐. 주의해야할 것 같다 !!

 

 

 

 

할당연산자 : 오른쪽 실행 결과를 왼쪽 변수에 할당함.
종류 예시
= y = x + 3
+= y = y + x
-= y = y - x
*= y = y * x
/= y = y / x
%= y = y % x

 

 

 

비교 연산자
종류 설명
== 서로 같으면 True
=== 자료형 까지 같아야 True
!= 서로 다르면 True
!== 자료형이 다르거나 피연산자가 다르면 True

다른 비교 연산자는 다른 언어와 동일함.

 

 

 

 

논리 연산자
기호 설명
|| (OR) 하나만 True여도 True 
&& (AND) 둘다 True일 때만 True
! (NOT) 반대값을 지정

 

 

 

 

 

- 사용한 교재 -

http://www.kyobobook.co.kr/product/detailViewKor.laf?barcode=9791163032212 

 

Do it! HTML+CSS+자바스크립트 웹 표준의 정석 - 교보문고

한 권으로 끝내는 웹 기본 교과서 | 최신 웹 표준 기술인HTML5, CSS3, 자바스크립트(ES6)로웹 기본기를 단단하게 쌓자!--------------------------웹 개발 분야는 하루가 다르게 변하지만 웹 표준 기술인 HTML,

www.kyobobook.co.kr