본문 바로가기

Javascript/기초공부

[Javascript: 배열(Array)] 원소 추가 / 제거 / 정렬 / 반복문 응용

추가

/* 배열의 뒤에 추가하는 방법 */
// 하나 추가
var li = ['a', 'b', 'c'];
li.push('d');
alert(li); // a,b,c,d

// 여러개 추가
li.concat(['e', 'f']); // 이렇게 하면 원래 li 배열에 추가되지 않는다.
alert(li); // a,b,c,d
li = li.concat(['e', 'f']); // 리턴값을 원래 li배열에 넣어주어야 추가된다.
alert(li); // a,b,c,d,e,f

/* 배열의 앞에 추가하는 방법 */
// 하나 추가
var li2 = ['a', 'b', 'c'];
li2.unshift('d');
alert(li2); // d,a,b,c

/* 배열의 중간에 추가하는 방법 */
var li3 = ['a', 'b', 'c', 'd', 'e'];
li3.splice(2, 0, 'B'); // 2번째 원소부터 0개의 원소를 제거하고 리턴, 그리고 'B'를 2번째 원소 뒤에 추가
alert(li3); // a,b,B,c,d,e
var restOf = li3.splice(2, 1);
alert(restOf); // B
alert(li3); // a,b,c,d
li3.splice(1, 0, 'x', 'y');
alert(li3); // a,x,y,b,c,d,e

* splice와 같은 함수는 복잡하니 https://opentutorials.org/course/50/110 검색해보는 습관을 가지자.

 

제거

// 배열의 첫번째 원소 제거
var li = ['a', 'b', 'c', 'd'];
li.shift();
alert(li); // b,c,d

// 배열의 마지막 원소 제거
li.pop();
alert(li); // b,c

 

정렬

var li = ['c', 'e', 'a', 'b', 'd'];
li.sort();
alert(li); // a,b,c,d,e
li.reverse();
alert(li); // e,d,c,b,a

 

반복문에서의 사용법

var arr = ['A', 'B', 'C'];
for(var name in arr) {
	console.log(arr[name]); // A B C
}