Notice
Recent Posts
Recent Comments
Link
기린의 기록을 위한 공간
[JavaScript]리턴 return 본문
[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=0; i<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