[javaScript] function return 기초 ( + 이중 loop 한번에 나가기 )

javaScript

 

안녕하세요!

여니노트 입니다🙂

 

function(함수)와 return 값

1. 리턴 값이 있는 함수 정의 및 호출

리턴 값이 있는 경우, 함수를 호출해서 변수에 값을 넣을 수 있습니다.

let numberFunc = function() {
  return 5;
}

let num = numberFunc();
console.log(num);

 

결과값 👇

 

5

 

 

 

 

2. 리턴이 없는 함수를 변수에 할당하면?

return과 console.log는 다릅니다.

let numberFunc = function() {
    console.log(5);
}

let num = numberFunc();
console.log(num);

 

결과값 👇

 

5
undefined

 

3. 값없는 리턴 사용하기

값없는 return으로 함수를 종료시킬 수 있습니다.

let funcExit = function(text) {
if (text === "exit") {
  return;
}
console.log("안녕하세요~");    
}

funcExit("hello");
funcExit("exit");

 

결과값1 👇

 

안녕하세요~

 

결과값2 👇

 

함수종료.

 

4. 이중 loop 한 번에 나가기

break; 는 하나의 루프만 빠져나갈 수 있습니다.

for(var i = 0; i < 10; i++){
  for(var j = 0; j < 10; j++){
    if(j === 5){
      break;
    }
  }
}

 

return은 함수를 종료시키므로, 이중 루프를 종료할 수 있습니다.

  var loopExit = function(){
    for(var i = 0; i < 10; i++){
      for(var j = 0; j < 10; j++){
        if(j === 5){
          return;
        }
      }
    }
  }
  loopExit();