배열
자바스크립트에서 배열은 타입이 정해져 있지 않는다. 그렇기에 배열 안에 여러가지 타입이 들어간다.
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", ƒ, {…}]
0: 1
1: "abc"
2: ƒ ()
3: {}
length: 4
__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) [0, 1, 2]0: 01: 12: 23: 3length: 4__proto__: Array(0)
>arr[3] = 3;
<3
>arr
<(4) [0, 1, 2, 3]
|
정해진 배열길이를 늘리지 않더라도 배결의 길이가 늘어난다.
※배열에는 push, pop, split이 가능
1
2
3
4
5
6
7
8
|
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 |
댓글