상식닷컴
로그인
가입하기
2026년 상식닷컴 선정 식당 & 카페 리스트
2025년 2026년 신상 호텔 리스트
최근에 오픈한 호텔을 찾는다면 살펴보세요
일주일 식단표 어플
자동 일주일 식단표 어플
안드로이드
아이폰
주식 & 코인 차트의 신
1000만원으로 2000만원 만들기 프로젝트
수정하기 - 자바스크립트에서 배열을 만드는 방법은 무엇인가요?
닉네임
비밀번호
제목
내용
[이미지 업로드는 권한이 있는 사람만 가능. 하단 카톡으로 연락]
<a href='https://sangseek.com/sangseeks/자바/ko'>자바</a>스크립트에서 배열을 만드는 방법은 여러 가지가 있으며, 각 방법은 특정 상황에 맞게 사용할 수 있습니다. 배열은 여러 개의 값을 하나의 변수에 저장할 수 있는 데이터 구조로, 자바스크립트에서 매우 중요한 역할을 합니다. 아래에서는 배열을 만드는 다양한 방법에 대해 자세히 설명하겠습니다. 1. 배열 리터럴 사용하기 가장 일반적이고 간단한 방법은 배열 리터럴을 사용하는 것입니다. 배열 리터럴은 대괄호(`[]`)를 사용하여 배열을 생성합니다. ```javascript let fruits = ['apple', 'banana', 'orange']; ``` 위의 예제에서 `fruits`라는 배열에는 세 개의 문자열 값이 포함되어 있습니다. 배열 리터럴을 사용하면 간단하게 배열을 초기화할 수 있습니다. 2. Array <a href='https://sangseek.com/sangseeks/생성자/ko'>생성자</a> 사용하기 `Array` 생성자를 사용하여 배열을 만들 수도 있습니다. 이 방법은 배열의 크기를 지정하거나 초기 값을 설정할 때 유용합니다. ```javascript let numbers = new Array(5); // 크기가 5인 배열 생성 (빈 배열) let colors = new Array('red', 'green', 'blue'); // 초기값을 가진 배열 생성 ``` 첫 번째 예제에서는 크기만 지정한 빈 배열이 생성됩니다. 두 번째 예제에서는 `'red'`, `'green'`, `'blue'`라는 세 개의 문자열을 가진 배열이 생성됩니다. 3. Array.of() 메서드 사용하기 `Array.of()` 메서드는 주어진 인수를 사용하여 새로운 배열을 생성합니다. 이 메서드는 배열의 크기를 지정하는 것이 아니라, 인수로 전달된 값을 배열의 요소로 사용합니다. ```javascript let numbers = Array.of(1, 2, 3, 4, 5); ``` 위의 예제에서 `numbers` 배열은 1, 2, 3, 4, 5라는 값을 가진 배열로 초기화됩니다. 4. <a href='https://sangseek.com/sangseeks/Array.from/ko'>Array.from</a>() 메서드 사용하기 `Array.from()` 메서드는 유사 배열 객체나 반복 가능한 객체를 배열로 변환할 때 사용됩니다. 이 메서드는 배열을 생성하는 데 매우 유용합니다. ```javascript let str = 'hello'; let chars = Array.from(str); // ['h', 'e', 'l', 'l', 'o'] ``` 위의 예제에서는 문자열 `str`을 배열로 변환하여 각 문자를 배열의 요소로 갖는 `chars` 배열을 생성합니다. 5. 스프레드 연산자 사용하기 스프레드 연산자(`...`)를 사용하면 기존 배열을 복사하거나 배열을 결합하는 데 유용합니다. ```javascript let array1 = [1, 2, 3]; let array2 = [4, 5, 6]; let combined = [...array1, ...array2]; // [1, 2, 3, 4, 5, 6] ``` 위의 예제에서는 `array1`과 `array2`를 결합하여 새로운 배열 `combined`를 생성합니다. 6. 배열의 길이 설정하기 배열을 생성한 후, 배열의 길이를 설정할 수도 있습니다. 이 방법은 배열의 크기를 동적으로 조정할 때 유용합니다. ```javascript let arr = []; arr.length = 5; // 크기가 5인 빈 배열 생성 ``` 이렇게 하면 `arr` 배열은 길이가 5인 빈 배열이 됩니다. 배열의 길이를 설정하면 해당 길이에 맞게 배열이 확장되지만, 초기값은 `undefined`로 채워집니다. 7. <a href='https://sangseek.com/sangseeks/배열 메서드/ko'>배열 메서드</a>를 사용하여 배열 생성하기 자바스크립트의 다양한 배열 메서드를 사용하여 배열을 생성할 수도 있습니다. 예를 들어, `Array.prototype.fill()` 메서드를 사용하여 배열을 초기화할 수 있습니다. ```javascript let filledArray = new Array(5).fill(0); // [0, 0, 0, 0, 0] ``` 위의 예제에서는 크기가 5인 배열을 생성하고, 모든 요소를 0으로 채웁니다. 결론 자바스크립트에서 배열을 만드는 방법은 다양하며, 각 방법은 특정 상황에 맞게 사용할 수 있습니다. 배열 리터럴, `Array` 생성자, `Array.of()`, `Array.from()`, 스프레드 연산자, 배열의 길이 설정, 그리고 배열 메서드를 활용하여 배열을 생성할 수 있습니다. 이러한 다양한 방법을 이해하고 활용하면 자바스크립트에서 배열을 효과적으로 다룰 수 있습니다.
이용안내
커뮤니티 이용안내
×
- 게시한 게시글로 발생하는 문제는 게시자에게 책임이 있습니다.
- 게시글이 타인/타업체의 저작권을 침해할 경우 모든 책임은 게시자에게 있습니다. 게시자가 모든 손해를 부담해야 합니다.
- 상식닷컴 운영자는 게시자와 상의하지 않고 게시글을 수정 또는 삭제할 수 있습니다.
- 상식닷컴 운영자는 깨끗한 커뮤니티 공간을 만드는 것이 1순위입니다.
수정하기
취소하기