JavaScript) 자바스크립트 배열(Array)개념, 추가, 삭제, 검색 등 함수모음

1. 배열 선언

// 1.
var arr1 = new Array(1, 2, 3, 4, 5);

// 2.
var arr2 = [1, 2, 3, 4, 5];

 

 

 

2. 배열 출력

// 1. 반복문(for)으로 출력
for(var i=0; i<arr.length; i++){
	document.write(arr[i]);
}

// 2. 반복문(forEach)으로 출력
for(var i in arr) {
    document.write(i);
}

// 3. 바로 출력
document.write(arr);

 

 

 

3. 추가

1) 마지막에 추가: push

arr.push(100);

2) 처음에 추가: unshift

arr.unshift(100)

3) 원하는 위치에 추가: splice

    splice(인덱스, 0, 값);

    splice()의 가운데는 삭제할 개수를 적는곳인데 추가만 할거니까 0으로 적는다. 

arr.splice(2, 0, 'la');
// 인덱스 2번 위치에 'la' 추가

 

 

 

 

4. 삭제

1) 마지막 값 삭제: pop

 

2) 처음 값 삭제: shift

 

3) 원하는 값 삭제: splice

    splice(삭제 시작할 인데스, 삭제할 개수);

arr.splice(2, 3);
// 인덱스 2번 위치부터 3개 삭제

 

 

 

 

5. 배열 안의 요소 합치기: join

joibn() 괄호 안에 지정한대로 요소들이 합쳐진다. 기본은 쉼표(,)로 연결된다. 

var arr = ["a", "b", "c", "d"];

arr.join();		
// a,b, c, d

arr.join('/');	
// a/b/c/d

 

 

6. 배열 합치기: concat

배열1.concat(배열2);

 

 

 

7. 검색

1) 인덱스 번호 찾기(처음): indexOf( )

arr.indexOf('b');

2) 인덱스 번호 찾기(마지막): lastIndexOf( )

 

3) 해당 요소가 있는지 유무: includes( )

    결과를 true/false로 반환한다. 

 

 

 

8. 정렬

자바스크립트는 정렬할때 전부다 문자열로 취급하여 정렬한다. 

따라서 arr.sort() 로는 원하는 결과가 안나올 수 있어서 함수를 사용한다. 

 

오름차순:  arr.sort(function(a, b){return a - b});

내림차순:  arr.sort((a, b) => b - a);

반대로: arr.reverse()