자바스크립트의 for in 반복문은 연속된 데이터집합을 반복하는 구문이다. in 구문 앞에는 key변수를 설정하고 in 구문 뒤에는 데이터집합 객체를 설정한다. for in 구문에 설정 데이터집합은 key 변수를 이용하여 반복하게 되는데 이 때 key 변수는 key 값이 될 수도 있고, 인덱스가 될 수도 있다.
자바스크립트 반복문 for in 사용 방법
using javascript for in loop statement
자바스크립트의 for in 반복문은 데이터집합과 같은 배열이나 json 등을 반복하여 데이터처리를 편하게 할 수 있다.
자바의 for each 와 비슷한 역할을 한다.
차이가 있다면 자바스크립트의 for in 반복문은 데이터집합 오브젝트를 기준으로 key 값으로 데이터집합에 접근한다.
key 값은 인덱스가 될 수도 있다.
자바스크립트 for in 반복문
for in 구문은 배열과 같은 집합데이터를 반복하는데 사용된다.
in 구문 뒤에는 집합데이터를 설정해 주고 in 구문 앞에는 변수를 설정해 주면 된다.
이후 자바스크립트는 for in 을 자동적으로 반복을 시작한다.
여기서 key 부분은 key value pair 와 같은 key 값이 될 수도 있고, 배열의 인덱스가 될 수도 있다.
for (key in object) {
// 코드 실행
}샘플코드
위의 내용으로 자바스크립트 for in 구문의 예제를 만들어 본다.
자바스크립틔 for in 구문은 데이터집합의 데이터들을 반복하며 개별 데이터들을 처리할 수 있다.
in 구문 앞에는 인덱스 또는 key 값이 될 수 있는 변수를 설정한다.
in 구문 뒤에는 데이터집합 객체를 설정한다.
코드를 보자.
<!DOCTYPE html>
<html>
<body>
<script>
console.log('----------');
const arrComp = {"기종":"노트북", "CPU":"Intel-i5", "RAM":"256MB"};
for (let lpVal in arrComp) {
console.log( lpVal, arrComp[lpVal] );
}
console.log('----------');
const arrStock = ["다우산업", "나스닥", "홍콩H", "상해종합", "니케이225"];
for (let lpVal in arrStock) {
console.log( lpVal, arrStock[lpVal] );
}
console.log('----------');
</script>
</body>
</html>하나는 json 문자열 형식의 데이터집합을 설정했고, 다른 하나는 단순한 문자열 배열이다.
for in 구문을 다시 확인해 보면 in 구문 앞의 변수와 in 구문 뒤의 데이터 집합 객체만 보면 된다.
그리고, 반복되면서 출력되는 값이 어떻게 되는지 확인하면 그만이다.
결과 화면을 보자.
json 데이터 집합이나 배열이나 반복되면서 화면에 출력되는 것을 볼 수 있다.
key 변수는 key 값이 될 수 있고, 배열의 인덱스가 될 수 있는 것도 확인할 수 있다.
'programming > javascript' 카테고리의 다른 글
| html 하이퍼 링크 태그 a href 사용 using html a tag (0) | 2022.04.28 |
|---|---|
| 자바스크립트 반복문 for of 사용 방법 using javascript for in loop (0) | 2022.04.26 |
| 자바스크립트 반복문 for 사용 방법 using javascript loop for statement (0) | 2022.04.22 |
| 자바스크립트 선택 조건 switch case 사용 방법 using javascript switch case statement (0) | 2022.04.19 |
| 자바스크립트 조건문 else if 조건 여러개 사용 방법 using javascript conditon else if statement (0) | 2022.04.17 |
댓글