- Today
- Total
Recent Posts
Recent Comments
Archives
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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
- 파이썬3
- 파이썬 강의
- 파이썬 알고리즘
- 중간시험
- 파이썬활용
- 면접 파이썬
- 파이썬
- 알고리즘 강의
- 코딩문제
- 셀레니움
- 자료구조
- c언어
- gdrive
- Crawling
- selenium
- 알고리즘
- 크롤링
- python 중간고사
- 알고리즘 강좌
- 파이썬 입문
- 프로그래밍
- 대학시험
- 채용문제
- 파이썬 자료구조
- python data structure
- 자료구조 강의
- 코딩시험
- 기말시험
- 파이썬 강좌
- 쉬운 파이썬
Notice
반원 블로그
JavaScript 4. 조건문 (if, switch) 과 반복문( while, for,foreach ), 배열 본문
2018~/프론트 엔드 기초(HTML, CSS, JavaScript)
JavaScript 4. 조건문 (if, switch) 과 반복문( while, for,foreach ), 배열
반원_SemiCircle 2019. 8. 14. 00:51조건문 if 구조
if (조건1){
조건 1이 참일 경우 실행
}
else if (조건2){
조건 2가 참일 경우 실행
}
else{
모든 케이스에 거짓이면 실행
}
조건문 기본 예제
var x=10,y='10';
if (x===10){
console.log("x는 10");
}else if (y===10){
console.log("x는 10이 아니고 y는 10");
}else{
console.log("x y 둘 다 10이 아니다");
}
switch문
switch(데이터){
case 경우1 : 실행문; break;
case 경우2 : 실행문; break;
case 경우3 : 실행문; break;
case 경우4 : 실행문; break;
default : 위 경우가 다 해당안 될 경우의 실행문;
}
switch문 기본 예제
var x = 10;
switch(x){
case 10 : console.log("x는 10"); break;
case 100 : console.log("x는 10"); break;
default : console.log("x는 10도 100도 아니다.");
}
배열
- 여러 자료형을 하나로 묶는 자료형(객체, 자료구조)
- var array = [값1, 값2, 값3, ....]
- var array = [1, 2, 3, 4, 5 ]
- index(자리번호)와 value(실질적 값)으로 구성
- index는 0번부터 카운트
반복 for문
//for문
for (초기값;판단식;증감식){
반복 실행 코드;
}
for문 기본 예제
var arr=[1,2,3,4,5];
for (var idx=0; idx < arr.length; ++idx){
console.log(arr[idx]);
}
반복 while 문
while (판단식){
반복 실행 코드;
}
반복 while 기본 예제
var array = [1,2,3,4,5];
var idx = 0;
while (idx<array.length){
console.log(arr[idx]);
++idx;
}
반복문 중지 및 탈출 코드 break
- 본래 반복문 정지를 위한 예약어(명령어)
- switch문 또한 탈출 된다.
foreach 문
- length를 고려하여 index를 증가하며 반복횟수를 제어하는 식의 코드를 적지 않아도 된다.
- 배열에서 값을 하나씩 꺼내오며, 요소명에 지정된다.
- 특정 데이터 개수가 정해지고 각각에 대해 처리해야될 때 유용하게 쓰인다.
배열.forEach(요소명 => { console.log(요소명) });
foreach 기본 예제
var array = [1,2,3,4,5]
array.forEach(element => {
console.log(element)
});
'2018~ > 프론트 엔드 기초(HTML, CSS, JavaScript)' 카테고리의 다른 글
JavaScript 3.연산자(산술, 비교, 삼항, 논리) (0) | 2019.08.12 |
---|---|
JavaScript 2.변수, 변수 스코프(영역) (0) | 2019.08.12 |
JavaScript 1.개요 및 기본구조 (0) | 2019.08.12 |
Firebase 1.개요, 프로젝트 생성 (0) | 2019.08.12 |
BootStrap 1.부트스트랩 개요 (0) | 2019.08.12 |
CSS 3. CSS파일 불러오기 (0) | 2019.08.12 |
CSS 2.Box Model, margin, padding, border (0) | 2019.08.12 |
CSS 1.CSS란? CSS 적용 방법(요소, 선택자) (0) | 2019.08.12 |
Comments