본문 바로가기
Front-End/JavaScript(Web)

[Web] 변수, 자료형, 조건문(if), 반복문(for, while)

by Marcus 2023. 10. 20.
반응형

변수 (Variable)

변수는 데이터의 값들을 저장할 수 있는 기억공간이다. 자바스크립트에서는 자료형을 미리 선언하지 않고 사용이 가능하다.

변수 선언 및 할당

변수를 선언하겠다는 의미는 변수를 사용하겠다는 뜻이다. 변수이름 앞에 let을 붙인다.

형태

let [변수이름];

let num;

 

변수의 선언과 함께 값을 그 변수에 할당할 수 있다.

형태

let [변수이름] = 값;

let content = "javaScript";

 

변수명 앞에 let 대신 var 또는 const를 사용하여 변수 선언이 가능하다.


변수명 작성 원칙

변수명 첫 글자는 알파벳 문자나 밑줄이어야 하고 두번째 글자부터는 알파벳, 밑줄, 그리고 숫자를 사용할 수 있다.

변수명은 대/소문자를 구별한다.

예약어는 사용할 수 없다. 

 

적절한 변수명

let k01;
let _sum;
let SKY;

 

부적절한 변수명

let 70k;
let hi~;
let ~wow;
let let;

자료형

변수에 저장되어 있는 값의 종류를 의미한다. 숫자형(Number), 문자열(String), 객체(Object), 논리형(Boolean) 이 있다.

● 숫자형(Number)

변수에 숫자가 저장되어 있으면 그 변수의 자료형은 숫자형이다.

● 문자열(String)

변수에 문자열이 저장되어 있으면 그 변수의 자료형은 문자열이다.

● 객체(Object)

변수에 객체가 저장되어 있으면 그 변수의 자료형은 객체이다.

● 논리형(Boolean)

논리형은 참과 거짓을 나타내는 true 또는 false 이 2가지 값을 논리형이라고 한다.

 

○ typeof 연산자

typeof 연산자를 사용하면 자료형의 종류를 파악할 수 있다.

 

 

조건문 사용

조건문은 "만약 ~이라면 ~이다."의 형태를 취하는 코드문장이다. 조건이 참인 경우 주어진 코드가 실행된다.

형태

if(조건){

  실행할 코드;

}

var num = 9;
if(num < 10){
	document.write(num);
}

반복문 사용

반복문은 특정한 조건 하에서 여러 번 반복 수행하는 코드 문장이다. for문과 while문 2가지가 있다.

 

for문

형태

for(반복카운터변수; 반복조건검사; 반복카운터변수의증감){

       실행할 코드;

}

for(var i=0; i<10; i++){
	document.write("hello JS");
}

카운터변수 i가 0이란 값을 가지고 선언이 되고 i가 10 이하일 때 까지 반복문이 실행이 되며 한번 실행되고나서 i는 1씩 증가를 한다는 의미이다. 그러므로 실행할 코드는 총 10번이 실행된다.

i++는 i = i + 1; 의 의미이다.

 

while문

형태

while(조건){

    실행할 코드;

}

var i = 1;
while(i <10){
    document.write("roof");
}

while 반복문은 조건이 만족하는 한 계속 수행되는 반복문이다.

위의 반복문은 i가 10이하일때 주어진 코드가 실행이 되는 반복문이다. for문과 달리 i의 증감하는 내용이 없기 때문에 위의 반복문은 무한으로 실행이 된다.

반응형