JavaScript 활용팁
HOME > WEB > JavaScript 활용팁
2022.02.28 / 18:28

JavaScript-array - 배열

MyData
추천 수 102

JavaScript-array

2019-08-08
배열 만들기
1
2
3
4
var fruits = ['사과', '바나나'];

console.log(fruits.length);
// 2
인덱스로 배열의 항목에 접근하기
1
2
3
4
5
var first = fruits[0];
// 사과

var last = fruits[fruits.length - 1];
// 바나나
배열의 항목들을 순환하며 처리하기
1
2
3
4
5
fruits.forEach(function (item, index, array) {
  console.log(item, index);
});
// 사과 0
// 바나나 1
배열 끝에 항목 추가하기
1
2
var newLength = fruits.push('오렌지');
// ["사과", "바나나", "오렌지"]
배열 끝에서부터 항목 제거하기
1
2
var last = fruits.pop(); // 끝에있던 '오렌지'를 제거
// ["사과", "바나나"];
배열 앞에서부터 항목 제거하기
1
2
var first = fruits.shift(); // 제일 앞의 '사과'를 제거
// ["바나나"];
배열 앞에 항목 추가하기
1
2
var newLength = fruits.unshift('딸기') // 앞에 추가
// ["딸기", "바나나"];
배열 안 항목의 인덱스 찾기
1
2
3
4
5
fruits.push('망고');
// ["딸기", "바나나", "망고"]

var pos = fruits.indexOf("바나나");
// 1
인덱스 위치에 있는 항목 제거하기
1
2
3
var removedItem = fruits.splice(pos, 1); // 항목을 제거하는 방법

// ["딸기", "망고"]
인덱스 위치에서부터 여러개의 항목 제거하기
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
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);
// ["순무", "무"]
배열 복사하기
1
2
var shallowCopy = fruits.slice(); // 사본을 만드는 방법
// ["딸기", "망고"]

Reference