본문 바로가기
IT/JavaScript

반복문

by 봉즙 2019. 6. 11.

배열

자바스크립트에서 배열은 타입이 정해져 있지 않는다. 그렇기에 배열 안에 여러가지 타입이 들어간다.

1
2
>var arr = [1"abc"function(){}, {}];
<undefined

 

1
2
>arr.length;
<4

 

1
2
3
4
5
6
7
8
arr
▼(4) [1"abc", ƒ, {…}]
01
1"abc"
2: ƒ ()
3: {}
length4
__proto__: Array(0)

 

1
2
>arr[0]
<1

 

1
2
>arr["length"]
<4
http://colorscripter.com/info#e" target="_blank" style="text-decoration:none; color:white">cs

 

배열의 추가

1
2
3
4
5
6
7
8
9
10
>var arr = [0,1];
<undefined
>arr[2= 2;
<2
>arr
<(3) [012]0011223: 3length: 4__proto__: Array(0)
>arr[3= 3;
<3
>arr
<(4) [0123]

정해진 배열길이를 늘리지 않더라도 배결의 길이가 늘어난다.

※배열에는 push, pop, split이 가능

 
1
2
3
4
5
6
7
8
>var arr = [0,1];
<undefined
<3
>arr
<(3) [012]
<2

 

1
2
3
4
5
6
7
8
>str[0];
<"a"
>str[1]
<"b"
>"abcde"[0]
<"a"
>"abcde"[2]
<"c"

for in 반복문(자바의 향상된 포문과 유사)

1
2
3
4
5
6
7
8
>var arr= ['포도''사과''바나나''망고'];
<undefined
>for(i =0; i <arr.length; i++console.log(arr[i]);
<breadcrumbs.ts:111 포도
<breadcrumbs.ts:111 사과
<breadcrumbs.ts:111 바나나
<breadcrumbs.ts:111 망고
<undefined
r

↑ for 반복문

1
2
3
4
5
6
>for(i in arr) console.log(arr[i]);
<breadcrumbs.ts:111 포도
<breadcrumbs.ts:111 사과
<breadcrumbs.ts:111 바나나
<breadcrumbs.ts:111 망고
<undefined

 for in 반복문  :  자바의 향상된 for문 다르게 arr[]에 i를 꼭 넣어줘야한다

for of 반복문(자바의 StreamOf, ArrayOf)

향상된 포문과 유사

1
2
3
4
>for(var i in array){
    alert(i + "번째 요소는 " + array[i] + "입니다.");
}
<undefined
 

 

1
2
3
>for (const element of [1,2,3,4]){
    alert(`요소는 ${element}입니다.`);}
<undefined

 

 

 

 

 

'IT > JavaScript' 카테고리의 다른 글

Event  (0) 2019.06.12
DOM(Document Object Model)  (0) 2019.06.12
함수  (0) 2019.06.11
조건문  (0) 2019.06.11
기본 문법  (0) 2019.06.11

댓글