javascript DAY2 220705 정리

MZ·2022년 7월 5일

자바스크립트

목록 보기

2/4

1. return

어떤 작업을 처리하고 그 결과를 return하기 위해 function 사용하는 법
(function이 function밖과 소통하는 법)

const age =98;
function calculateKrAge(ageOfForeigner){
	return ageOfForeigner);
}
const krAge=calculateKrAge(age);
console.log(KrAge);

function 실행 절차

✨ function 안에 return 키워드 사용해야 return가능하다
✨ function 안에서 뭔가 return하면 누군가 function 실행할 때, const krAge=calculateKrAge(age) 이것을 return ageOfForeigner+2 결과로 대체하는 것

DAY1에서 code challenge의 calculator를 return으로 바꾸어서 작성해보자!

const calculator = {
    add : function(a,b){
        return a+b;
    },
    minus : function(a,b){
        return a-b;
    },
    divide : function(a,b){
        return a/b;
    },
    square : function(a,b){
        return a**b;
    },
};
const plusResult = calculator.add(5,1);
const minusResult =calculator.minus(plusResult,10);
const divResult =calculator.divide(2,minusResult);
const squResult = calculator.square(divResult,minusResult);

-> function이 결과값 return하므로 console.log 사용하지 않고도 결과값 알 수 있다.

2. prompt

prompt는 css 같은 기능을 추가할 수 없어서 지금은 잘 사용하지 않는 오래된 방법의 function이다.
기능 : 사용자에게 창을 띄우게 해줌

const age = prompt("How old are you?"); //<--여기서 자바스크립트 코드 실행 멈춤
console.log(age);

3. typeof

기본적으로 모두 string으로 인식한다. type 확인하기 위해선 typeof를 사용!

const age = prompt("How old are you?");
console.log(typeof age);

prompt에 15를 입력했는데 string이라고 뜬다.

4. parseInt

parseInt는 한 type을 다른 type으로 바꿔준다. 즉, string을 number로 바꾸어준다.
ex)"15" -> 15

const age = prompt("How old are you?");
console.log(typeof age, typeof parseInt(age));

그냥 age의 type은 string이고 pareInt를 활용해 age의 string을 number형으로 바꿨다.

✨ parseInt는 "lalala"같은 string을 받아 number로 변환하지 못한다.
✨ parseInt("15");//string 15를 number로 변환 가능
✨ parseInt("lalala"); //string lalala를 number로 변환 X!

const age=pareseInt("lalala");
console.log(age);

-> 이처럼 Not a Number라고 뜸

그렇다면, prompt에 작성한 string을 바로 number로 바꾸려면 어떻게 해야할까

const age = parseInt(prompt("How old are you?");
console.log(age);

5.조건문 if else

Code Challenge alone!
age가 18세 이하면 술을 못 마시고, 18세 초과&50세 이하면 술을 마실 수 있다. 또한
50세 초과이면 건강이 걱정된다는 표현이 나오도록 만들어보자.

const age = parseInt(prompt("How old are you?");
if(age<=18){
	console.log("You can't drink alcohol");
}
else if(age>18 && age <= 50){
	console.log("You can drink alcohol");
}
else{
	console.log("Do not drink alcohol is good for your health");
}

①18세 이하인 15세로 입력시