본문 바로가기
Javascript

JavaScript의 조건문/반복문 그리고 데이터타입을 조금더 알아보자

by 개발적금 2022. 11. 1.

안녕하세요 개발적금입니다.


 

목차

1. 조건문 if 와 반복문 for

 

2. prompt를 이용하여 입력값 받기

 

3. 데이터타입 배열(Array)

 


 

1. 조건문 if

 

조건문의 기본적인 형태는

 

if(){

 console.log("true일때 출력됩니다.");

}else {

 console.log("false일때 출력됩니다.");
}

입니다. () 안에 boolean 타입을 넣어 true 이면 "true일때 출력됩니다"

가 출력이되고 false일때는 "false일때 출력됩니다." 가 출력이 되게됩니다.

 

하지만 조건문을 사용할때 조건이 항상 두개일수는 없습니다.

다중조건을 사용할때는 else if를 사용합니다..

 

if(첫번째조건(boolean 값)){
}else if(두번째조건(boolean 값)){

}else if(세번째조건(boolean 값)){
}else{

}

 

2.prompt를 이용하여 입력값 받기!

 

변수를 선언할때 값이 고정된값이 아닌,입력받아서 변수를 값을 지정하고싶을때

사용이됩니다.

 

let age = prompt("나이를 입력하세요");

 

하지만 여기서 받는값은 숫자를 입력하여도 문자열로 인식이됩니다..

 

그래서 만약에 두개의 나이를 입력받아서 비교를할때에는

 

let age = prompt("A씨의 나이는 몇살입니까?");

let age2 = prompt("B씨의 나이는 몇살입니가?");

 

// parseInt를 사용하여 변수 age를 숫자형으로 재할당해주었습니다

age = parseInt(age);

age2 = parseInt(age2);

 

if(age > age2){

 console.log("A씨의 나이가 더 많습니다")

}else if(age < age2){

 console.log("B씨의 나이가 더 많습니다")

}else {

 console.log("A씨와 B씨의 나이는 같습니다")
}

 

로 출력할수있습니다.

 

위에서 작업순서를 보게되시면 모든 알고리즘의 구조,프로그램의 구조인 I/O 구조입니다..

1. Input 입력받기! ->prompt를 사용하여 입력받음

2. 로직구현 (문제해결) -> parseInt를 사용하여 문자형->숫자형으로 형변환

3. Output 출력! -> 값을 비교하여 console.log를 사용하여 출력

 

3. 데이터타입 배열(Array)

 

데이터타입에는 두가지 종류가 있습니다.

1. 원시타입(그 자체라는뜻)

 

예를들어 

Number , String , boolean , undefined , null ...

 숫자형      문자형   true/false값  그리고 undefined,null인데요, 이둘은 비슷하면서도 다릅니다..

undefined는 선언 후 암묵적으로 할당되는값.. 그러니까 변수를 선언만했지 그안에 값을 정의하지않았다..라는말이고

null 값은 의도적으로 값이 없다! 라고 명시할때 사용되는값입니다.

 

2. 객체타입

 

객체타입에는 배열(Array) , 객체(Object) , 함수(function) 등등..이있는데 오늘 알아볼것은

배열(Array)입니다..!

 

하나의 변수에 여러가지 값을 넣고싶을때 사용하는것이 배열입니다.

 

let arr = ["Hello","World","2022"];

 

다른것들과 마찬가지고 arr이라는 주소를가진 방안에 , 또하나의 방을만들어 Hello,World,2022를 넣은거라고

보시면됩니다. 방안의 순서값을 index라고 하는데 index의 값은 0부터 시작합니다.

 

console.log(arr[0]);

출력값이 Hello 가 되겠네요. 그러면 2022 Hello World를 출력하려면?

 

console.log(arr[2] + arr[0] + arr[1]);

 

2022HelloWorld가 출력되겠네요!

 

배열의 크기, 즉 배열의 방안에 몇개의 값들이 들어있는지.. 알고싶을때 사용하는것은

arr.length 입니다.

console.log(arr.length);

하면 3이 나오겠죠? 

 

이렇게 방안의 갯수를 알게된다면 저희는 구구단을 만들수있습니다! 

2단을 만들어보겠습니다.

 

let arr = [1,2,3,4,5,6,7,8,9];

 // arr.length는 9가 되겠네요 arr 방안의 갯수니까요

 

for(let i = 0 ; i < arr.length ; i++){

 console.log("2 * " + arr[i] + " = " + 2 * arr[i] );

}

를 출력하게되면 2 * 1 = 2 부터 2 * 9 = 18 까지 출력이됩니다.

 

2단부터 9단을 출력하려면 이중 for문을 사용해야하는데

말그대로 for 문안에 for문을 하나 더사용하는것입니다.

기존 for문의 작동로직을 잘 이해하셨다면 이중for문도 어렵지 않습니다

 

let arr2 = [2,3,4,5,6,7,8,9];

 

for(let i = 0 ; i < arr2.length ; i++){

 console.log(arr2.length + "단 시작!!");

 for(let j = 1 ; j < 10 ; j++){

 console.log(arr2[i] + "*" + j + " = " + (arr2[i]*j));

 }

console.log("====================");

}

 

출력하게되면 2단부터 9단까지 출력이됩니다..

 

블로그를 쓰면서 느끼는거지만 역시 블로그 작성을 하려면

제가 이해를 하고 써야해서 너무어렵네요..

다음시간에 뵙겠습니다