일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- web
- 자바스크립트
- CSS
- 깃
- Supabase
- 웹디실기
- 웹디자인기능사실기
- HTML
- 연산자
- jQuery
- 생활코딩
- 정보처리기사
- PROJECT
- 비전공자
- 코딩독학
- JS
- git
- 코드공유
- react
- 프론트엔드
- 렛츠기릿자바스크립트
- JavaScript
- 세로메뉴바
- 실기
- 웹디자인기능사
- 슬라이드전환
- 리액트
- 타입스크립트
- 웹퍼블리셔
- github
- Today
- Total
코딩하는라민
생활코딩 Javascript #8 배열과 반복문 본문
Javascript #8 배열과 반복문
20. 배열 array
배열
- 배열은 대괄호 [ 부터 시작해서 대괄호 ] 로 끝난다.
- 대괄호 안에 값을 적는데, 여러 개의값을 적을 수 있다.
- 값과 값 사이는 콤마 , 로 구분
var coworkers = [ '원소(element)', '원소(element)' , '원소(element)' , ... ]
→ 배열 안을 구성하는 요소들을 ' 원소(element) '라고 한다.
→ 원소의 순서는 0번째부터 시작한다.
1) 배열 만들고 가져오기
<h1>Array</h1>
<h2>syntax</h2>
<script>
var coworkers = ["ramin", "leezche"];
</script>
<h2>get</h2>
<script>
document.write(coworkers[0]);
document.write(coworkers[1]);
</script>
- 변수에 배열을 저장하고,
- 꺼낼 때는 index 를 이용해서 가져올 수 있다.
- index 는 0번부터 시작 n-1 번째까지 있다. ex) 0번째는 ramin, 1번째는 leezche
2) 배열의 길이
...
<h2>count</h2>
<script>
document.write(coworkers.length);
</script>
- 값은 1부터 센다.
- 배열의 값이 2개면 길이는 2가 된다. 즉 배열의 개수가 배열의 길이가 됨.
3) 배열에 값을 추가
...
<h2>add</h2>
<script>
coworkers.push('cho');
coworkers.push('dah');
coworkers.push('ujn');
</script>
<h2>count</h2>
<script>
document.write(coworkers.length);
</script>
- 변수명 뒤에 .push 를 넣으면 배열에 값을 추가할 수 있다.
- push : 데이터를 끝쪽에 추가하는 것
- 배열에는 여러 가지 문법이 있는데, 'javascript array' 를 검색하면 여러가지 종류를 알아볼 수 있다.
21. 반복문
1) loop (반복문)
반복문
순서대로 실행되는 프로그램의
실행 순서의 흐름을 제어하는
제어문
if 조건문의 기본 형태 | while 반복문의 기본 형태 |
if ( 블리언 데이터 타입 ) { } |
while ( 블리언 데이터 타입 ) { } |
기본적인 구조는 같다. → 제어문 |
|
↑ true 인 동안은 중괄호 { } 안의 코드들이 반복적으로 실행된다. |
|
↑ false 가 되야 중괄호 { } 밖의 코드들이 실행된다. |
→ 따라서, 반복문이 언제 끝날 것인지를 지정하는 것이 중요하다.
var i = 0;
while( i<3 ) {
명령문 1
i = i + 1;
}
명령문 2
- i = i + 1 가 의미하는 것 :
- 반복문은 true 일때만 실행되는데, i < 3 은 true 이므로 반복문 실행될 것.
- 반복문이 실행될 때마다 i 의 값을 1씩 증가시킨다.
- 초기의 i 값이 0이므로 반복문이 한 번 실행되면 i 는 1이 되고,
- 조건 범위는 i < 3 이므로 i 가 2가 될때까지만 반복문을 실행한다.
- 즉, i가 0, 1, 2 일 때 실행되므로 명령문은 3번 실행될 것.
- 조건이 false 가 되면 while 문 밖의 명령문을 실행
'Core > JavaScript' 카테고리의 다른 글
생활코딩 Javascript #10 함수 (0) | 2022.10.05 |
---|---|
생활코딩 Javascript #9 배열과 반복문 활용 (0) | 2022.10.04 |
생활코딩 Javascript #7 리팩토링(중복 제거) (0) | 2022.10.01 |
생활코딩 Javascript #6 조건문 (0) | 2022.10.01 |
생활코딩 Javascript #5 제어할 태그 선택 (0) | 2022.10.01 |