자바스크립트 강좌 7 - 배열

7. 자바스크립트 배열

 

1. 배열

1 - 1. 자바스크립트 배열은 순선 있는 값들의 집합입니다. 배열 안의 각 값을 원소라 부르며 각 원소는 배열 안에서 그
위치를 가리키는 번호를 할당 받는데 이 번호를 배열인덱스 라고 합니다.

1 - 2. 배열 생성 (배열 리터럴 생성, new 연산자와 생성자 함수를 통한 생성)

1 - 3. 배열 원소 읽고 쓰기

1 - 4. 배열에 원소 추가 / 삭제 하기

1 - 5. 배열의 길이

1 - 6. 배열 순회 하기

1 - 7. 배열 크기 조절

1 - 8. 다 차원 배열 생성

1 - 9. 배열 메서드 (join(), reverse(), push(), sort(), concat(), slice(), pop(), unshift(), shift())

2. 예제 코드

1. /*
2.  
3. 2. [1 - 2] 예제 코드
4.  
5. */
6.  
7.  
8. // 객체 리터럴 생성
9.  
10. // 배열 리터럴 생성
11. var a = [];
12.  
13. // new 연산자와 생성자 함수를 통한 생성
14. var a = new Array();
15.  
16. /*
17.  
18. 2. [1 - 3] 예제 코드
19.  
20. */
21.  
22. var a = [1, 2];
23.  
24. alert(a[0]); // 1
25.  
26.  
27. var a = new Array();
28.  
29. a[0] = 1;
30. a[1] = 2;
31.  
32. alert(a[0]); // 1
33.  
34.  
35. /*
36.  
37. 2. [1 - 4] 예제 코드
38.  
39. */
40.  
41. var a = new Array();
42.  
43. a[0] = 1;
44. a[1] = 2;
45.  
46. alert(a.length); // 2
47.  
48. //배열의 정해진 index를 삭제
49. a.splice(0, 1);
50.  
51. alert(a.length); // 1
52.  
53.  
54. /*
55.  
56. 2. [1 - 5] 예제 코드
57.  
58. */
59.  
60. var a = [1, 2];
61.  
62. alert(a.length); // 2
63.  
64. var b = new Array(10);
65.  
66. alert(b.length); // 10
67.  
68.  
69.  
70. /*
71.  
72. 2. [1 - 6] 예제 코드
73.  
74. */
75.  
76. var a = [1, 2];
77.  
78. for (var i = 0; i < a.length; i++){
79.    
80.     alert(a[i]);
81. }
82.  
83. // 1, 2
84.  
85. /*
86.  
87. 2. [1 - 7] 예제 코드
88.  
89. */
90.  
91. var a = new Array(10);
92. alert(a.length); // 10
93.  
94. var a = new Array(11);
95. alert(a.length); // 11
96.  
97.  
98. /*
99.  
100. 2. [1 - 8] 예제 코드
101.  
102. */
103.  
104. // 2차원 배열 생성
105.  
106. var a = [];
107.  
108. a[0] = [1, 2];
109.  
110. alert(a[0][0]); // 1
111.  
112.  
113.  
114. /*
115.  
116. 2. [1 - 9] 예제 코드
117.  
118. */
119.  
120. // join(): 배열의 모든 원소를 문자열로 반환하고 이어 붙여서 반환합니다.
121. var a = [];
122.  
123. a.push(1);
124. a.push(2);
125.  
126. alert(a.join(',')); // 1, 2
127.  
128.  
129. // reverse()
130.  
131. // 배열 안의 원소 순서를 반대로 정렬하여 반환합니다.
132.  
133. var a = [];
134.  
135. a.push(1);
136. a.push(2);
137.  
138. alert(a.reverse(',')); // 2, 1
139.  
140.  
141.  
142. // sort()
143.  
144. // 배열 안의 원소들은 정렬하여 반환한다.
145.  
146.  
147. var a = [];
148.  
149. a.push(2);
150. a.push(1);
151.  
152. alert(a.sort()); // 1, 2
153.  
154. // concat()
155. // 배열의 모든 원소에 concat() 메서드의 전달인자들을 전부 이어붙인 배열을 새롭게 생성하여 반환한다.
156.  
157. var a = [1, 2];
158.  
159. alert(a.concat(3, 4)); // 1, 2, 3, 4
160. alert(a.concat(3)); // 1, 2, 3
161.  
162.  
163. // slice()
164.  
165. // 배열의 일부분(slice)혹은 부분 배열을 반환한다.
166.  
167. var a = [1, 2];
168.  
169. alert(a.slice(0, 1)); // 1
170.  
171. function fn(x, y){
172.     alert([].slice.apply(arguments, [0, 1])); // 1
173. }
174.  
175. fn(1, 2);
176.  
177. // push()
178.  
179. // 배열을 원소를 추가 합니다.
180.  
181. var a = [1, 2];
182.  
183. a.push(3);
184.  
185. alert(a); // 1, 2, 3
186.  
187.  
188. // pop()
189.  
190. // 배열의 마지막 원소를 삭제 합니다.
191.  
192. var a = [1, 2];
193.  
194. a.pop();
195.  
196. alert(a); // 1
197.  
198.  
199. // unshift()
200.  
201. // 배열의 첫번째 요소에 삽입 합니다.
202.  
203. var a = [1, 2];
204.  
205. a.unshift(3);
206.  
207. alert(a); // 3, 1, 2
208.  
209. // 배열의 첫번쨰 요소를 삭제 합니다.
210.  
211. var a = [1, 2];
212.  
213. a.shift();
214.  
215. alert(a); // 2

 

참고서적: (자바스크립트 핵심 가이드)