우선 배열은 앞서 배웠듯이 하나의 데이터가 아닌 다수의 데이터를
효율적으로 관리하고 전달해줄수 있는 데이터 타입 입니다.
그에맞게 추가, 삭제, 정렬을 할수있는 다양한 메서드가 있습니다.
내가 직접만드는 사용자정의의 함수가 아닌
자바스크립트가 기본적으로 제공하는 내장함수를 뜻해요~
다양하게 많지만 알고있는 자주사용 된다는 메서드에 대해서 알아보겠습니다.
.unshift()
새로운 요소(원소)를 배열의 맨앞에 추가합니다.
새로운 길이를 반환 합니다.
<script>
var arr = ['a', 'b', 'c'];
arr.unshift('d', 'e');
alert(arr);
</script>이 함수를 호출 할때 첫,두번째 인자로 'd' 'e'라는 값을 arr이라는 함수가 소속되어있는 배열의 맨앞에 추가 한다는 정도로 볼 수 있습니다.
결과는
d,e,a,b,c
.push()
새로운 요소를 배열의 끝에 추가합니다
새로운 길이를 반환 합니다.
<script>
var arr = ['1', '2', '3'];
arr.push('4', '5');
alert(arr);
</script>결과는
1,2,3,4,5
.concat()
기존배열을 변경하지 않습니다.
기존배열 에서 추가한 요소로 새로운배열이 리턴됩니다.
<script>
var arr1 = ['a', 'b', 'c']; //기존 배열
var arr2 = arr1.concat('d'); //새로운 배열
alert(arr1);
alert(arr2);
</script>alert(arr1)의 결과
arr1 = a,b,c
alert(arr2)의 결과
arr1 = a,b,c,d
.splice()
배열에서의 기존요소를 삭제 동시에 새로 추가 합니다.
기본형은 spice(index,howmany,element)입니다
index는 변경시작할 원소위치
howmany는 배열에서 제거할 요소 수 (0과 0이하는 어떠한 요소도 제거x)
element는 배열에 추가할 요소
입니다~
<보기1>
<script>
var arr = ['1', '2', '3']
arr.splice(1,0,'0'); // 인덱스 1번째 시작 , 요소 없애지 않음, "0"요소 추가
alert(arr);
</script>
결과는
1,0,2,3
0은 요소를 없애지 않음을 의미하고 선택된 요소위치의 앞에서 추가를합니다.
<보기2>
<script>
var arr = ['1', '2', '3']
arr.splice(2,1,'6'); // 인덱스 2번째 시작 , 요소1개 없앰, "6"요소 추가
alert(arr);
</script>
결과는
1,2,6
.shift()
배열의 첫번째 요소를 제거합니다.
제거된 요소를 반환합니다.
새로운 길이를 반환합니다.
<script>
var arr1 = ['a', 'b', 'c']
var arr2 = arr1.shift();
alert(arr1); // a를 제외해 결과 = b,c
alert(arr2); // 제거된 요소 반환되어 결과 = 2
</script>.pop()
배열의 마지막 요소를 제거합니다.
제거된 요소를 반환합니다.
새로운 길이를 반환합니다.
<script>
var arr1 = ['1', '2', '3']
var arr2 = arr1.pop();
alert(arr1); // 3을 제외해 결과 = 1,2
alert(arr2); // 반환되어 결과 = 3
</script>.sort()
배열의 요소를 정렬시켜주고 반환 합니다.
문자열과 숫자 등등 정렬
<script>
var arr = ['banana', 'apple', 'melon']
arr.sort();
alert(arr);
</script>결과는
apple,banana,melon 순이 되겠죠?
알파벳순서 한글순서 숫자순서 모두 다 정렬이 됩니다.
오브젝트 정렬도 있지만 나중에 추후 해볼예정입니다~!
.reverse()
배열의 요소 순서를 반대로 합니다.
<script>
var arr = ['d', 'o', 'o', 'f']
arr.reverse();
alert(arr);
</script>결과는
f,o,o,d
배열의 다양한 메서드가 있지만 그중에서 일부를 블로깅 해보았습니다~
더 많은 배열의 정보는 클릭~
