른록노트
[Javascript] jquery input name 개수 만큼 for문 수행 후 배열에 넣기(jquery each), each와 forEach의 차이점 본문
Programming/[Javascript]
[Javascript] jquery input name 개수 만큼 for문 수행 후 배열에 넣기(jquery each), each와 forEach의 차이점
른록 2021. 6. 17. 11:111. 예제 소스 jquery input 태그 each문
<html>
<head>
<meta charset="UTF-8">
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<title>test</title>
</head>
<body>
<input type="text" name="test" value="1"/>
<input type="text" name="test" value="2"/>
</body>
</html>
<script type="text/javascript">
$(document).ready(function() {
var list = new Array();
$("input[name=test]").each(function(index, item){
list.push($(item).val());
console.log(index);
console.log(item);
});
console.log(list);
});
</script>
--- 결과 ---
test.html: 0
test.html: <input type="text" name="test" value="1">
test.html: 1
test.html: <input type="text" name="test" value="2">
test.html: (2) ["1", "2"]2. 일반 객체 forEach
<html>
<head>
<meta charset="UTF-8">
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<title>test</title>
</head>
<body>
test
</body>
</html>
<script type="text/javascript">
$(document).ready(function() {
var data = {seq:[],code:[]};
data["seq"].push(1);
data["seq"].push(2);
data["seq"].push(3);
data["seq"].forEach(function(value,index){
console.log(value+" "+index);
});
});
</script>
--- 결과 ---
test.html: 1 0
test.html: 2 1
test.html: 3 23. each와 forEach의 차이점
each의 매개변수는 index, item 순서이고
forEach의 매개변수는 value, index 순서입니다.
반응형
Comments