코딩하는라민

생활코딩 Javascript #8 배열과 반복문 본문

Core/JavaScript

생활코딩 Javascript #8 배열과 반복문

코딩하는라민 2022. 10. 4. 08:00
728x90
반응형

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 문 밖의 명령문을 실행

 

 

 

 

 

 

생활코딩 Javascript #9 배열과 반복문 활용

Javascript #9 배열과 반복문 활용 22. 배열과 반복문 하이브리드 1) 배열 안의 원소들을 불러와서 반복문으로 리스트 태그에 넣기 ① 배열 생성하기 var coworkers = ['ramin', 'choi', 'dana', 'udin'] ② 반..

ramincoding.tistory.com

 

728x90
반응형