자바스크립트 배열 Array 초기화 하는 다양한 방법

JavaScript에서 배열은 다양한 곳에 쓰입니다. 예를 들어 데이터 수집, 필터링, 가공, 동적 목록 관리, 반복 작업, 데이터 그룹화 및 동적 데이터 구조 생성과 같은 다양한 데이터 관련 작업을 수행하고 필요한 데이터를 저장하고 관리하는데 쓰고 있습니다. 빈 배열은 배열을 초기화할 때 필요한데, 아래에 다양한 방법으로 만드는 다양한 방법을 알아보겠습니다.

 

모든 방법들은 빈 배열을 생성하는 데 사용할 수 있으며, 선택적으로 배열에 초기 요소를 포함시킬 수도 있습니다. 예를 들어, const arrayWithValues = [1, 2, 3] 와 같이 초기 요소를 포함하는 배열을 생성할 수 있습니다. 빈 배열을 초기화하면 나중에 배열에 요소를 추가하거나 변경할 수 있으며, 배열을 다시 사용할 수 있게 됩니다.

 

 

 

◎ 1. 리터럴 표기법을 사용하여 빈 배열 생성

 

가장 간단한 방법은 빈 배열 리터럴을 사용하여 배열을 생성하는 것입니다. 이것으로 배열을 초기화 합니다.

 

const emptyArray = [];

 

 

◎ 2. Array 생성자를 사용

 

new 키워드로 Array 객체를 생성해서 초기화된 빈 배열을 생성합니다.

 

const emptyArray = new Array();

 

 

◎ 3. Array.from() 메서드 사용

 

Array.from() 메서드를 사용하여 빈 배열을 생성할 수 있습니다. 이 메서드는 이터러블 객체나 유사 배열 객체를 배열로 변환할 때도 사용합니다.

 

const emptyArray = Array.from([]);

 

※ 아래는 참고하면 좋을 만한 글들의 링크를 모아둔 것입니다. ※ ▶ 자바스크립트 정규표현식으로 ltrim, rtrim 공백 제거 함수 구현하는 방법 ▶ 자바스크립트 parseFloat 함수 이용해서 문자열을 실수로 변환하는 방법 ▶ 자바스크립트 내장 객체 Array 의 concat 함수 알아보기 – 2회 ▶ 자바스크립트 display 속성 이용해서 접거나 펴는 방법 ▶ 자바스크립트 내장함수 eval() 문자열을 수식으로 바꾸는 방법

 

 

◎ 4. 배열 길이를 0으로 설정

 

배열의 길이를 0으로 설정하여 빈 배열을 만들 수 있습니다. 이전에 배열 객체를 사용한 이후 다시 초기화 하고 싶을 때 사용합니다.

 

const emptyArray = []; emptyArray.length = 0;

 

 

◎ 5. splice 함수 이용하기

 

splice() 함수를 사용하여 배열의 시작 index(0)부터 arr.length개의 값을 삭제하였습니다. 기존 배열 객체에 데이터가 있는 경우 초기화 방법입니다.

 

let arr = [1, 2, 3]; arr.splice(0, arr.length); document.write('arr : ' + arr);

 

 

◎ 6. For 반복문과 POP 함수 이용해 초기화

 

pop 함수 이용해서 배열 길이만큼 For 문을 돌면서 데이터를 꺼내서 초기화 한다.

 

let arr = [1, 2, 3]; while(arr.length > 0) {     arr.pop(); }

 

※ 아래는 참고하면 좋을 만한 글들의 링크를 모아둔 것입니다. ※ ▶ 자바스크립트 정규표현식으로 ltrim, rtrim 공백 제거 함수 구현하는 방법 ▶ 자바스크립트 parseFloat 함수 이용해서 문자열을 실수로 변환하는 방법 ▶ 자바스크립트 내장 객체 Array 의 concat 함수 알아보기 – 2회 ▶ 자바스크립트 display 속성 이용해서 접거나 펴는 방법 ▶ 자바스크립트 내장함수 eval() 문자열을 수식으로 바꾸는 방법