반응형
Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
Tags
- date
- 테이블
- js
- list
- table
- Array
- Eclipse
- html
- windows
- 이클립스
- ArrayList
- IntelliJ
- Java
- vscode
- json
- 이탈리아
- 배열
- Visual Studio Code
- Maven
- Files
- 문자열
- CSS
- string
- Button
- javascript
- 자바
- CMD
- input
- 자바스크립트
- 인텔리제이
Archives
- Today
- Total
어제 오늘 내일
[Javascript] 배열 초기화(빈 배열로)하는 4가지 방법 본문
Javascript에서 배열을 초기화 하는 4가지 방법을 소개합니다.
1. 빈 배열 할당
let arr = [1, 2, 3];
arr = [];
document.write('arr : ' + arr);
배열을 초기화 하는 가장 쉬운 방법입니다.
기존의 배열에 새로운 빈 배열을 만들어서 할당하였습니다.
2. 배열의 길이 설정
let arr = [1, 2, 3];
arr.length = 0;
document.write('arr : ' + arr);
배열의 length 값을 0으로 설정해주었습니다.
이렇게 하면, 배열의 모든 값이 삭제되고, 배열이 초기화됩니다.
3. splice() 함수
let arr = [1, 2, 3];
arr.splice(0, arr.length);
document.write('arr : ' + arr);
위 코드는 splice() 함수를 사용하여,
배열의 시작 index(0)부터 arr.length개의 값을 삭제하였습니다.
splice() 함수는 배열에 원소를 추가, 삭제 하기 위한 함수입니다.
splice() 함수는 3개의 파라미터를 입력 받습니다.
- 첫번째 : 변경을 시작할 배열의 시작 index
- 두번째 : 입력받은 파라미터 숫자만큼 원소를 삭제합니다.
이 값이 입력되지 않으면, 시작 index(첫번째 파라미터로 받은 값) 이후의 모든 값이 삭제됩니다. - 세번째 : 시작 index에 추가할 값
let arr = [1, 2, 3];
arr.splice(0);
document.write('arr : ' + arr);
두번째 파라미터가 입력되지 않으면, 첫번째 파라미터로 받은 index 이후의 모든 값이 삭제되므로,
위와 같이 두번째 파라미터를 생략할 수도 있습니다.
splice() 함수에 대해서 더 자세히 알아보려면 아래 페이지를 참조하세요.
[Javascript] 배열 중간에 값 추가, 삭제하기 (2) - splice() 함수
4. pop() 함수
let arr = [1, 2, 3];
while(arr.length > 0) {
arr.pop();
}
document.write('arr : ' + arr);
반복문을 이용하여,
배열의 원소들을 하나씩 하나씩 제거하여 비어있는 배열을 만드는 방법입니다.
pop() 함수에 대해서 더 자세히 알아보려면 아래 페이지를 참조하세요.
[Javascript] 배열 앞, 뒤에 값 추가, 삭제하기 (1)
기존의 배열을 초기화하여, 빈 배열을 만드는 방법을 알아보았습니다.
반응형
'IT > Javascript' 카테고리의 다른 글
[Javascript] Set 객체를 배열(Array)로 변환하는 3가지 방법 (1) | 2020.10.20 |
---|---|
[Javascript] 객체에 특정 속성이 존재하는지 체크하는 3가지 방법 (0) | 2020.10.19 |
[Javascript] forEach에서 continue 구현하기 (0) | 2020.10.17 |
[Javascript] 배열 값 중복 체크하는 3가지 방법 (1) | 2020.08.14 |
[Javascript] input 박스에 숫자만 입력되도록 설정하는 4가지 방법 (3) | 2020.08.12 |
Comments