기린의 기록을 위한 공간

[JavaScript]리턴 return 본문

Programming/JavaScript

[JavaScript]리턴 return

girin code 2020. 2. 17. 16:55

[return]

객체 생성해서 리턴하기

 <div id="enroll">
    이름<input type="text" name="name_"></br>
    나이<input type="number" max="150" name="age" ></br>
    주소<input type="text" name="addr"></br>
    이메일<input type="email" name="email"></br>
    </div>

<button onclick="addObject();">객체생성</button>

//값을 출력하려면 다른 함수로 한번더 불러와야함
        function addObject(){
            var obj = addObject2();

function addObject2(){
            var items = document.querySelectorAll("#enroll input"); //enroll 밑에 input들
            //items = document.getElemetsByTagName("input"); -> Elements 객체로들어갈 수 있음
            console.log(items);

            for(var i=0i<items.length;i++){
                switch(items[i].name){
                    case 'name_' : var objName = items[i].value;break;
                    case 'age' : var objAge = items[i].value;break;
                    case 'addr' : var objAddr = items[i].value;break;
                    case 'email' : var objEmail = items[i].value;break;

                }
            }
            return {name:objName,age:objAge,addr:objAddr,email:objEmail};
        }


함수 리턴하기

 //함수를 리턴할수도 있다
   return function(){
      console.log("function return");
    };


 리턴값이 있는 함수

 function calc(a,b){
      //return a+b; 정수로반환
      //return {su:a,su2:b}; //객체로반환
     
 return[a,b]; //배열로반환
        }


리턴값이 없는 함수

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


'Programming > JavaScript' 카테고리의 다른 글

[JavaScript] 정규표현식  (0) 2020.02.17
[JavaScript] 클로저 closure  (0) 2020.02.17
[JavaScript] 함수  (0) 2020.02.17
[JavaScript]배열  (0) 2020.02.12
[JavaScript] 조건문  (0) 2020.02.12
Comments