배열의 생성과 출력
배열(array)이란 연관된 데이터를 관리하기 위해서 사용하는 참조 데이터타입의 일종이다. 변수가 한번씩 하나의 데이터를 저장하기 위한 것이라면, 배열은 여러 개의 데이터들을 하나의 변수에 저장하기 위한 것이라고 할 수 있다.
const 음료수 = ['밀키스', '환타', '콜라']
alert(음료수[0]); // 밀키스가 출력됨
alert(음료수[1]); // 환타가 출력됨
alert(음료수[2]); // 콜라가 출력됨
- 배열의 개별 요소들은 원소라고 부르며, 원소를 호출할 때 대괄호 안에 들어있는 숫자는 색인(index)이다. 이 색인은 0부터 시작한다.
배열과 반복문의 조우
function get_members(){
return ['egoing', 'k8805', 'sorialgi'];
}
const members = get_members();
for(let i = 0; i < members.length; i++){
document.write(members[i].toUpperCase()+"<br />");
}
- .length는 배열에 담긴 값의 숫자를 알려준다.
- .toUpperCase는 문자를 대문자로 변환해준다.
배열을 제어하는 다양한 내장함수
추가
let li = ['a', 'b', 'c', 'd', 'e'];
li.push('f');
alert(li); //li의 배열은 ['a', 'b', 'c', 'd', 'e', 'f']가 된다.
let li = ['a', 'b', 'c', 'd', 'e'];
li = li.concat(['f', 'g']);
alert(li); //li의 배열은 ['a', 'b', 'c', 'd', 'e', 'f', 'g']가 된다.
let li = ['a', 'b', 'c', 'd', 'e'];
li.unshift('z');
alert(li); //li의 배열은 ['z', 'a', 'b', 'c', 'd', 'e']가 된다.
let li = ['a', 'b', 'c', 'd', 'e'];
li.splice(2, 0, 'B');
alert(li); //li의 배열은 ['a', 'B', 'b', 'c', 'd', 'e']가 된다.
제거
let li = ['a', 'b', 'c', 'd', 'e'];
li.shift();
alert(li); //li의 배열은 ['b', 'c', 'd', 'e']가 된다.
let li = ['a', 'b', 'c', 'd', 'e'];
li.pop();
alert(li); //li의 배열은 ['a', 'b', 'c', 'd']가 된다.
정렬
let li = ['c', 'e', 'a', 'b', 'd'];
li.sort();
alert(li); //li의 배열은 ['a', 'b', 'c', 'd', 'e']가 된다.
let li = ['c', 'e', 'a', 'b', 'd'];
li.reverse();
alert(li); //li의 배열은 ['e', 'd', 'c', 'b', 'a']가 된다.
'자바스크립트 개념정리' 카테고리의 다른 글
데이터 타입 (모던 자바스크립드 Deep Dive 6장) (0) | 2022.10.31 |
---|---|
표현식 & 문 (모던 자바스크립드 Deep Dive 5장) (0) | 2022.10.14 |
함수(function) (0) | 2022.10.12 |
연산자의 종류 (0) | 2022.10.11 |
조건문(Conditional statements) (0) | 2022.10.11 |