Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | |
7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 | 25 | 26 | 27 |
28 | 29 | 30 | 31 |
Tags
- pwa적용하기
- 14658
- 머신러닝종류
- 리액트
- 데코레이터
- 플로이드워셜
- db
- SSAFY
- git
- PWA
- sqld
- react
- Python
- queryset
- TypeScript
- QuerySetAPI
- js
- SQL
- VITE
- unionfind
- Javascript
- 싸피10기
- 싸피
- 싸피셜
- 알고리즘
- vitepwa
- 백준
- 셀프넘버
- SSAFYcial
- Django
Archives
- Today
- Total
Meme's IT
[JS] 조건문과 반복문 본문
# if 문
- 기본형식
const name = 'customer'
if (name === 'admin') {
console.log('관리자님 환영해요')
} else if (name === 'customer') {
console.log('고객님 환영해요')
} else {
console.log(`반갑습니다. ${name}님`)
}
- 조건(삼항) 연산자: if 문을 간단하게
const func1 = function (person) {
if (person > 17) {
return 'Yes'
} else {
return 'No'
}
}
// 위의 코드를
const func2 = function (person) {
return person > 17? 'Yes' : 'No'
}
// 이렇게 줄일 수 있음
# 반복문
1. while문
let i = 0
while (i < 6) {
console.log(i)
i += 1
}
2. for문
(1) 기본
괄호 안에 초기문, 조건문, 실행문
for (let i = 0; i < 6; i++) {
console.log(i)
} // 0 ~ 5까지
(2) for in
객체의 열거 가능한 속성에 대해 반복
const fruits = { a: 'apple', b: 'banana' }
for (const property in fruits) {
console.log(property) // a, b
console.log(fruits[property]) // apple, banana
}
(3) for of
반복 가능한 객체(배열, 문자열 등)에 대해 반복
const numbers = [0, 1, 2, 3]
for (const number of numbers) {
console.log(number) // 0, 1, 2, 3
}
▶ 둘이 뭐가 다름..?
배열에서 배열의 키는 인덱스..
for in 은 인덱스를 쓰고, for of 는 배열의 값을 사용한다
근데, for in 에서 인덱스는 무조건 순서대로 나온다? NO... 보장할 수 없음
그래서 인덱스 순서가 중요한 배열에서는 for in을 사용하지 않음
즉, 배열에서는 for이나 for of만 사용
const arr = ['a', 'b', 'c']
// for in
for (const i in arr) {
console.log(i) // 0, 1, 2
}
// for of
for (const i of arr) {
console.log(i) // a, b, c
}
'FrontEnd > JavaScript' 카테고리의 다른 글
[JS] 참조 자료형, 함수 (0) | 2023.10.25 |
---|---|
[JS] 헷갈리는 문법들 (0) | 2023.10.24 |
[JS] 연산자 (0) | 2023.10.24 |
[JS] 데이터 타입 (0) | 2023.10.24 |
[JS] JavaScipt의 변수 (0) | 2023.10.24 |