arr.pop( );
배열 뒷부분 삭제
|
1
2
3
|
var arr = [ 1, 2, 3, 4 ];
arr.pop();
console.log( arr ); // [ 1, 2, 3 ]
|
arr.push( Value값 );
배열 뒷부분에 값을 삽입
arr.unshift( Value값 );
배열 앞부분에 값을 삽입
|
1
2
3
|
var arr = [ 1, 2, 3, 4 ];
arr.unshift( 0 );
console.log( arr ); // [ 0, 1, 2, 3, 4 ]
|
cs |
arr.shift();
배열 앞부분의 값을 삭제
|
1
2
3
|
var arr = [ 1, 2, 3, 4 ];
arr.shift();
console.log( arr ); // [ 2, 3, 4 ]
|
cs |
arr.splice();
배열의 특정위치에 요소를 추가하거나 삭제
splice( index, 제거할 요소 개수, 배열에 추가될 요소 )
|
1
2
3
4
5
6
7
|
var arr = [ 1, 2, 3, 4, 5, 6, 7 ];
arr.splice( 3, 2 );
console.log( arr ); // [ 1, 2, 3, 6, 7 ] 3번째 인덱스에서부터 2개 제거
var arr = [ 1, 2, 3, 4, 5, 6, 7 ];
arr.splice( 2, 1, "a", "b");
console.log( arr ); // [ 1, 2, "a", "b", 4, 5, 6, 7 ] 2번째 인덱스에서 1개 제거 후 "a"와 "b"를 추가
|
cs |
arr.slice(startIndex, endIndex);
배열의 startIndex부터 endIndex까지(endIndex는 불포함)에 대한 shallow copy를 새로운 배열 객체로 반환
|
1
2
3
|
var arr = [ 1, 2, 3, 4, 5, 6, 7 ];
var newArr = arr.slice( 3, 6 );
console.log( 'slice', newArr ); // [ 4, 5, 6 ]
|
cs |
기존배열.concat(합칠배열);
다수의 배열을 합치고 병합된 배열의 사본을 반환
|
1
2
3
4
|
var arr1 = [ 1, 2, 3 ];
var arr2 = [ 4, 5, 6 ];
var arr3 = arr2.concat( arr1 );
console.log( arr3 ); // [ 4, 5, 6, 1, 2, 3 ]
|
cs |
arr.reverse();
배열의 원소 순서를 거꾸로 바꾼다.
|
1
2
3
|
var arr =[ 1, 2, 3, 4 ];
arr.reverse();
console.log( arr ); // [ 4, 3, 2, 1 ]
|
cs |
arr.sort();
배열의 원소를 알파벳순으로, 또는 지정된 함수에 따른 순서로 정렬한다. 모든 원소를 문자열로 취급해 사전적으로 정렬
|
1
2
3
4
5
6
7
8
9
10
|
var arr = [ 13, 12, 11, 10, 5, 3, 2, 1 ];
arr.sort();
console.log( arr ); // [ 1, 10, 11, 12, 13, 2, 3, 5 ];
// sort에 함수로 정렬
var arr = [ 13, 12, 11, 10, 5, 3, 2, 1 ];
arr.sort( function( a, b ) {
return a - b;
})
console.log( arr ); // [ 1, 2, 3, 5, 10, 11, 12, 13 ]
|
cs |
arr.join();
배열 원소 전부를 하나의 문자열로 합친다.
|
1
2
3
|
var arr =[ 1, 2, 3, 4 ];
console.log( arr.join() ); // 1,2,3,4
console.log( arr.join( '-' ) ); // 1-2-3-4
|
cs |
'Javascript' 카테고리의 다른 글
| [Javascript] 자바스크립트 URL 인코딩, 디코딩 (0) | 2024.03.17 |
|---|---|
| [javascript] 즉시 실행 함수 표현(IIFE : Immediately Invoked Function Expression) (0) | 2023.04.06 |
| [Javascript] Ajax / readyState와 status (0) | 2022.12.26 |
| [JavaScript]회원가입 정규식 (2) | 2022.11.08 |