개발자의 길/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 |
<출력화면>
