자바스크립트 Array (배열)

MDN web docs를 참고하여 작성하였습니다.

 

Array

Javascript Array 는 배열을 생성할 때, 사용하는 객체입니다.

 

기초예제

Array를 사용하기 위한 예제들입니다. // 에 결과값을 표시합니다.

​x
/* 1. 배열 만들기 */
let fruits = ['사과', '바나나'];
​
/* 2. 인덱스로 배열의 항목에 접근하기 */
let first = fruits[0];
// 사과
let last = fruits[fruits.length - 1];
// 바나나
​
/* 3. 배열의 항목들을 순환하며 처리하기 */
fruits.forEach(function (item, index, array) {
   console.log(item, index);            
});
// 사과 0
// 바나나 1
​
/* 4. 배열 끝에 항목 추가하기 */
var newLength = fruits.push('오렌지');
// ["사과", "바나나", "오렌지"]
​
/* 5. 배열 끝에서부터 항목 제거하기 */
var last = fruits.pop();
// ["사과", "바나나"]
​
/* 6. 배열 앞에서부터 항목 제거하기 */
var newLength = fruits.shift();
// ["바나나"]
​
/* 7. 배열 앞에 항목 추가하기 */
var newLength = fruits.unshift('딸기');
// ["딸기", "바나나"]
​
/* 8. 배열 안 항목의 인덱스 찾기 */
fruits.push('망고');
// ["딸기", "바나나", "망고"]
var pos = fruits.indexOf("바나나");
// 1
​
/* 9. 인덱스 위치에 있는 항목 제거하기 */
var removeItem = fruits.splice(pos, 1);
// ["딸기", "망고"]
​
/* 10. 인덱스 위치에서부터 여러개의 항목 제거하기 */
var vegetables = ['양배추', '순무', '무', '당근'];
var pos = 1, n = 2;
​
var removedItems = vegetables.splice(pos, n);
​
console.log(vegetables);
// ["양배추", "당근"]
console.log(removedItems);
// ["순무", "무"]
​
/* 11. 배열 복사하기 */
var shallowCopy = fruits.slice();
// ["딸기", "망고"]

 

Properties

Array.length

length속성은 배열의 길이를 반환합니다.

length속성의 값은 양의 정수이며 2의 32승 미만의 값을 가집니다.

length속성에 값을 설정해 배열을 자를 수 있습니다. length속성으로 배열의 길이를 늘리면 실제 원소의 수가 증가하고 undefined가 추가됩니다.

xxxxxxxxxx
var arr = [1, 2, 3];
​
arr.length = 5;
// [1, 2, 3, undefined, undefined]
​
arr.length = 2;
// [1, 2]

Array.prototype

Array인스턴스는 Array.prototype을 상속받습니다.

따라서, 프로토타입을 변경해 모든 Array인스턴스를 일괄적으로 바꿀 수 있습니다.