11. 배열과 반복문
2024. 11. 2. 14:03ㆍ자바스크립트(Javascript)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>배열과 반복문</title>
</head>
<body>
<script>
//배열과 반복문 중요
const userArr = [1, `apple`, `김사과`, 20, `서울 강남구`]
//for in
for(let i in userArr){
console.log(`i:${i}, ${userArr[i]}`) // i:0, 1
// i:1, apple
// i:2, 김사과
// i:3, 20
// i:4, 서울 강남구
}
//for of :배열의 값
for(let v of userArr){
console.log(`v: ${v}`) // v: 1
// v: apple
// v: 김사과
// v: 20
// v: 서울 강남구
}
//forEach : v : 값 i : 인덱스 , arr : 배열
userArr.forEach(function(v, i, arr){
console.log(`v: ${v}, i: ${i}, arr: ${arr}`)
// v: 1, i: 0, arr: 1, apple, 김사과, 20, 서울 강남구
// v: apple, i: 1, arr: 1, apple, 김사과, 20, 서울 강남구
// v: 김사과, i: 2, arr: 1, apple, 김사과, 20, 서울 강남구
// v: 20, i: 3, arr: 1, apple, 김사과, 20, 서울 강남구
//v: 서울 강남구, i: 4, arr: 1, apple, 김사과, 20, 서울 강남구
})
</script>
</body>
</html>728x90
LIST
'자바스크립트(Javascript)' 카테고리의 다른 글
| 13. 화살표 함수 (0) | 2024.11.02 |
|---|---|
| 12. 함수 (0) | 2024.11.02 |
| 10. 배열 (2) | 2024.11.01 |
| 9. 반복문 - for 문 (0) | 2024.11.01 |
| 8. 반복문 - while 문 (0) | 2024.11.01 |