selfstarter

javascript each return false 본문

Web/Javascript

javascript each return false

selfstarter 2019. 8. 14. 11:56

javascript each return false

  • list의 each에서 resturn을 해도 즉시실행함수가 여러번 실행되기 때문에 each문을 빠져나올 수 없다.\
  • 이 때 빠져나오려면 false를 사용한다. 하지만 false는 each만 빠져나올 뿐 호출된 함수를 빠져나오지 않는다(아래 예제에서 $(function(){}); 함수가 종료되지 않는다)
  • try~catch문으로 예외를 발생시켜 함수를 완전히 빠져나올 수 있다.
<title>Insert title here</title>
<script src="http://code.jquery.com/jquery-3.1.1.js"></script>
<script>
$(function(){
 try{
 var list = $("input[data-append=test]");
 var result = list.each(function(i, it){
     console.log($(it).val());
     throw '종료';
 });
 } catch(e){
     console.log(e);
     return;
 }    
})
</script>
</head>
<body>
<input type="button" data-append="test" data-value="1" value="1버튼"/>
<input type="button" data-append="test" data-value="2" value="2버튼"/>
<input type="button" data-append="test" data-value="3" value="3버튼"/>
<input type="button" data-append="test" data-value="4" value="4버튼"/>
<input type="button" data-append="test" data-value="5" value="5버튼"/>

'Web > Javascript' 카테고리의 다른 글

javascript list 예제  (0) 2019.10.29
JS Input에 숫자만 입력받기  (0) 2019.10.26
dataTable 원하는 행의 data 가져오기  (0) 2019.10.17
Jquery 자식, 형제 노드 찾기  (0) 2019.08.16
select box 선택 시 input 값 비활성화  (0) 2019.07.27
'Web/Javascript' Related Articles more
Comments