[JS] Array 메소드 1

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array

Array

 

JavaScript Array 전역 객체는 배열을 생성할 때 사용하는 리스트 형태의 고수준 객체입니다.

배열 만들기

var fruits = ['사과', '바나나']; console.log(fruits.length); // 2

 

인덱스로 배열의 항목에 접근하기

var first = fruits[0]; // 사과 var last = fruits[fruits.length - 1]; // 바나나

 

배열의 항목들을 순환하며 처리하기

fruits.forEach(function (item, index, array) { console.log(item, index); }); // 사과 0 // 바나나 1

 

배열 끝에 항목 추가하기

var newLength = fruits.push('오렌지'); // ["사과", "바나나", "오렌지"]

 

배열 끝에서부터 항목 제거하기

var last = fruits.pop(); // 끝에있던 '오렌지'를 제거 // ["사과", "바나나"];

 

배열 앞에서부터 항목 제거하기

var first = fruits.shift(); // 제일 앞의 '사과'를 제거 // ["바나나"];

 

배열 앞에 항목 추가하기

var newLength = fruits.unshift('딸기') // 앞에 추가 // ["딸기", "바나나"];

 

배열 안 항목의 인덱스 찾기

fruits.push('망고'); // ["딸기", "바나나", "망고"] var pos = fruits.indexOf("바나나"); // 1

 

인덱스 위치에 있는 항목 제거하기

var removedItem = fruits.splice(pos, 1); // 항목을 제거하는 방법 // ["딸기", "망고"]

 

인덱스 위치에서부터 여러개의 항목 제거하기

var vegetables = ['양배추', '순무', '무', '당근']; 
console.log(vegetables); // ["양배추", "순무", "무", "당근"] 

var pos = 1, n = 2; 
var removedItems = vegetables.splice(pos, n); 

// 배열에서 항목을 제거하는 방법 
// pos 인덱스부터 n개의 항목을 제거함 

console.log(vegetables); // ["양배추", "당근"] (원 배열 vegetables의 값이 변함) 
console.log(removedItems); // ["순무", "무"]

 

배열 복사하기

var shallowCopy = fruits.slice(); // 사본을 만드는 방법 // ["딸기", "망고"]