본문 바로가기
WEB/JavaScript

[JavaScript] 함수(function)와 조건문(if/else if/else) 사용방법 예제

by 정권이 내 2022. 2. 15.

[JavaScript] 함수 & 조건문

 

Function, 함수

자바스크립트에서 Function, 함수란 일반적인 다른프로그래밍 언어에서와 마찬가지로 반복된 작업을 쉽게할수있도록 만든것입니다.

Function을 사용하기위해서는 function 키워드를 선언하고 함수이름을 지정해야합니다.

function test() {
    console.log("Hello World!!")
}

test();
Hello World!!

 

함수에 매개변수 전달

함수에 매개변수를 전달 하는 방법도 있습니다.

function test(param){
    console.log("Hello " + param);
}

test("javascript");
Hello javascript

 

function add(a, b){
    console.log(a + b);
}

add(3,5);
8

 

오브젝트 내부의 함수

오브젝트 내부의 속성으로 함수를 선언할수도 있습니다.

const product = {
  name: "memory",
  price: 100000,
  nation: "Korea",
  date: "20220211",
  testFunc: function(){
    console.log("Hello World!");
  }
}
product.testFunc();
Hello World!

 

조건문

조건문은 if, else if, else 키워드를 사용하며 사용할 조건식을 괄호안에 입력하여 사용합니다. 사용할수 있는

연산자로 비교 연산자인 <, >, == 와 and or 연산자인 &&, || 등이 있습니다.

function isBigger(a, b){
  if (a > b){
    console.log("a is bigger than b");
  }else if(a < b){
    console.log("b is bigger than a");
  }else{
    console.log("a and b is same");
  }
}
isBigger(3,5);
isBigger(5,3);
isBigger(5,5);
b is bigger than a
a is bigger than b
a and b is same

 

[and 연산자 &&]

function ageRange(age){
  if (age < 18){
    console.log("당신은 18세 미만입니다.")
  } else if (age >= 18 && age <= 60){
    console.log("당신은 18세 이상 60세 이하입니다.")
  } else{
    console.log("당신은 60세 이상입니다.")
  }
}
ageRange(15);
ageRange(35);
ageRange(75);
당신은 18세 미만입니다.
당신은 18세 이상 60세 이하입니다.
당신은 60세 이상입니다.

 

[or 연산자 ||]

function isColor(color){
  if (color == "red"){
    console.log("RED")
  } else if (color == "white" || color == "black"){
    console.log("WHITE OR BLACK");
  } else {
    console.log("ETC COLOR");
  }
}
isColor("red");
isColor("white");
isColor("black");
isColor("green");
RED
WHITE OR BLACK
WHITE OR BLACK
ETC COLOR

 

반응형

댓글