-
자바스크립트 공부(6) - 배열(Array)개인 공부/JavaScript 2021. 2. 3. 17:09
배열(Array)
은 여러 개의 항목을 하나의 변수에 저장해야 할 때 사용한다.1. Array 객체로 배열 만들기
자바스크립트에서는 1. 리터럴을 사용하거나 2. Array 객체를 사용해서 인스턴스를 만들어서 배열을 만들 수 있다. (자바스크립트 내에 미리 Array 객체가 만들어져 있다.)
var numbers = [1, 2, 3, 4]; // 리터럴 사용 var numbers = new Array(1, 2, 3, 4); // Array 객체 사용
length
속성을 사용하면 배열에 있는 요소의 개수를 확인할 수 있다.2. Array 객체의 함수들
concat()
: 기존 배열에 또 다른 배열이나 값을 합쳐서 새로운 배열을 만든다. 기존 배열의 값에는 영향을 주지 않는다.join()
: 배열의 요소들을 연결해서 나열하는 함수이다. 각 요소 사이에 넣을 구분 기호를 직접 지정할 수 있다.push()
: 배열의 맨 끝에 새 요소를 추가한 후 배열 요소의 개수를 반환한다.unshift()
: 배열의 맨 앞에 새 요소를 추가한 후 배열 요소의 개수를 반환한다.pop()
: 배열의 맨 뒤에 있는 요소를 삭제한 후 그 요소를 반환한다.shift()
: 배열의 맨 앞에 있는 요소를 삭제한 후 그 요소를 반환한다.splice()
: 괄호 안 인수에 따라 일정 구간의 요소를 삭제하고 새로운 요소를 추가한 후 삭제된 요소들로 이루어진 배열을 반환한다.- 인수가 1개인 경우 : 인수는 그 배열의 인덱스 값을 가리킨다. 인수가 가리키는 인덱스의 요소부터 배열의 마지막 요소까지 삭제한다.
- 인수가 2개인 경우 : 첫 번째 인수는 인덱스 값, 두 번째 인수는 삭제할 개수를 가리킨다.
- 인수가 3개인 경우 : 세 번째 인수부터는 앞서 삭제한 위치에 새로 추가할 요소를 지정한다. 여러 개의 요소를 추가할 때는 세 번째 인수부터 차례대로 나열한다.
slice()
: 시작 인덱스와 끝 인덱스를 지정해 그 사이의 요소를 꺼낸다. 시작 인덱스만 지정할 경우 시작 인덱스부터 배열의 마지막까지, 끝 인덱스를 지정할 경우 끝 인덱스 미만까지 추출한다.
'개인 공부 > JavaScript' 카테고리의 다른 글
자바스크립트 공부(7) - 문서 객체 모델(DOM) (2) (0) 2021.02.06 자바스크립트 공부(7) - 문서 객체 모델(DOM) (1) (0) 2021.02.06 자바스크립트 공부(5) - 객체(Object) (0) 2021.02.01 자바스크립트 공부(4) - 함수와 이벤트 (0) 2021.01.30 자바스크립트 공부(3) - 제어문 (0) 2021.01.30