Binary World

자바스크립트 배열(Array) 02 본문

개발자의 길/Javascript

자바스크립트 배열(Array) 02

모쿠 2017. 4. 5. 16:01

<자바스크립트의 배열 특징>


- 자바스크립트의 배열은 다른 타입의 원소들을 저장할 수 있음

- 자바스크립트는 초기화되어 있는 배열의 원소를 추가/삭제할 수 있음 -> 동적으로 배열을 변화시킬 수 있음



<자바스크립트 배열 함수>


- push(원소): 배열의 가장 마지막에 새로운 원소를 추가

- pop(): 배열의 가장 마지막 원소를 삭제

- shift(): 배열의 첫번째 원소를 삭제, 배열 원소들의 인덱스를 모두 변경

- unshift(원소): 배열의 첫번째에 새로운 원소를 추가, 나머지 원소들은 뒤로 이동


<15_array02.html>


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
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>JavaScript</title>
</head>
<body>
 
<h1>JavaScript 배열</h1>
<div id="output"></div>
 
<script>
var output = document.getElementById('output');
 
// 자바스크립트의 배열은 다른 타입의 원소들을 저장할 수 있음
var person = ['길동', 16, true, new Date()];
 
for (x in person) {
    output.innerHTML += person[x] + '<br/>';
}
 
output.innerHTML += person + '<br/>';
// person.toString() 동일
 
output.innerHTML += '<hr/>';
 
// 자바스크립트의 원소 추가/삭제
var movies = ['아가씨', '프리즌'];
// 배열의 원소 추가 - 인덱스 사용
movies[movies.length] = '미녀와 야수';
movies[10] = '슈퍼맨';
output.innerHTML += movies + '<br/>';
 
// 자바스크립트 배열의 함수
// push(원소): 배열의 가장 마지막에 새로운 원소를 추가
movies.push('abc');
output.innerHTML += movies + '<br/>';
 
// pop(): 배열의 가장 마지막 원소를 삭제
movies.pop();
output.innerHTML += movies + '<br/>';
 
// shift(): 배열의 첫번째 원소를 삭제, 배열 원소들의 인덱스를 모두 변경
movies.shift();
output.innerHTML += movies + '<br/>';
 
// unshift(원소): 배열의 첫번째에 새로운 원소를 추가, 나머지 원소들은 뒤로 이동
movies.unshift('abc');
output.innerHTML += movies + '<br/>';
 
</script>
</body>
</html>
cs



<출력화면>




저작자표시 비영리

'개발자의 길 > Javascript' 카테고리의 다른 글

자바스크립트 메소드(Method)  (0) 2017.04.06
자바스크립트 객체(Object)  (0) 2017.04.05
자바스크립트 배열(Array) 01  (1) 2017.04.05
자바스크립트 이벤트 처리  (0) 2017.04.05
자바스크립트 함수(function)03  (0) 2017.04.05
'개발자의 길/Javascript' Related Articles more
Comments