728x90
반응형
1. 빈배열 할당하기
let arr = [1, 2, 3];
arr = [];
document.write('arr : ' + arr); // arr : (빈 배열)
2. 배열의 길이 설정으로 초기화하기
let arr = [1, 2, 3];
arr.length = 0;
document.write('arr : ' + arr); // arr : (빈 배열)
3. splice() 사용
let arr = [1, 2, 3];
arr.splice(0); // 시작인덱스부터 끝까지 삭제한다.
document.write('arr : ' + arr); // arr : (빈 배열)
splice() 함수 - 3개의 파라미터를 입력 받는다.
✅ 첫번째 파라미터 : 배열에서 변경을 시작할 index
✅ 두번째 파라미터 : 입력된 숫자만큼 요소를 삭제. ( 생략되면 시작 index부터 끝까지 모든 값이 삭제 )
✅ 세번째 파라미터 : 시작 index에 추가할 값 입력
값을 추가시키는 splice() 사용의 예제
// 앞에 추가
const arr1 = [1, 2, 3];
arr1.splice(0, 0, 'a', 'b');
document.write(arr1 + '<br>'); // [ 'a', 'b', 1, 2, 3]
// 뒤에 추가
const arr2 = [1, 2, 3];
arr2.splice(arr2.length, 0, '4', '5');
document.write(arr2 + '<br>'); // [1, 2, 3, 4, 5]
// 중간에 추가
const arr3 = [1, 2, 3];
arr3.splice(1, 0, 'a', 'b');
document.write(arr3 + '<br>'); // [1, 'a', 'b', 2, 3]
값을 삭제시키는 splice() 사용의 예제
// 앞에서 2개 원소 삭제
const arr1 = [ 'a', 'b', 1, 2, 3 ];
arr1.splice(0, 2);
document.write(arr1 + '<br>'); // [1, 2, 3]
// 중간(idnex 1) 2개 원소 삭제
const arr2 = [1, 'a', 'b', 2, 3];
arr2.splice(1, 2);
document.write(arr2 + '<br>'); // [1, 2, 3]
// 마지막 원소 삭제
const arr3 = [1, 2, 3, 'a'];
arr3.splice(arr3.length - 1, 1);
document.write(arr3 + '<br>'); // [1, 2, 3]
4. pop() 사용
let arr = [1, 2, 3];
while(arr.length > 0) {
arr.pop();
}
document.write('arr : ' + arr); // arr : (빈 배열)
pop() 함수는 배열의 맨 뒤값을 제거한다.
그래서 배열의 개수만큼 반복문을 돌려서 배열을 빈배열로 초기화 하는 방법이다.
728x90
반응형
'Front > JS & jQuery' 카테고리의 다른 글
[jQuery] [error]동적으로 selectbox selected옵션 추가할 때 에러 (0) | 2022.05.26 |
---|---|
[jQuery] .forEach() , .each() 반복문 (0) | 2022.05.25 |
[JS] .toFixed() - 소수점 아래 숫자 자릿수 제한하기 (0) | 2022.05.22 |
[JS] 숫자를 문자로 변환하기 (0) | 2022.05.21 |
[JS] 거듭제곱 (0) | 2022.05.20 |