상식닷컴
로그인
가입하기
2026년 상식닷컴 선정 식당 & 카페 리스트
2025년 2026년 신상 호텔 리스트
최근에 오픈한 호텔을 찾는다면 살펴보세요
일주일 식단표 어플
자동 일주일 식단표 어플
안드로이드
아이폰
주식 & 코인 차트의 신
1000만원으로 2000만원 만들기 프로젝트
궁금한 상식 보기
푸꾸옥의 가벼운 하이킹 코스는 어디에 있나요?
철쭉을 겨울철에 어떻게 보호하나요?
철쭉에서 가장 주의해야 할 질병은 무엇인가요?
5월에 가기 좋은 마켓이나 쇼핑 거리 추천은?
5월 국내여행으로 떠나는 당일치기 코스는 어떤 게 있을까요?
헬퍼 클래스를 사용한 데이터 검증 사례는 무엇인가요?
헬퍼 클래스에서 발생할 수 있는 메모리 누수 문제는?
삼보 무술의 유명한 선수는 누구인가요?
삼보 무술의 훈련을 통해 얻은 인생의 교훈은 무엇인가요?
삼보 무술의 운동 효과는 얼마나 지속되나요?
동유럽의 기후가 야생 동물에 미치는 영향은 무엇인가요?
노동 시장의 변화가 가계에 미치는 영향은?
Previous
Next
수정하기 - 자바스크립트에서 배열을 만드는 방법은 무엇인가요?
닉네임
비밀번호
제목
내용
[이미지 업로드는 권한이 있는 사람만 가능. 하단 카톡으로 연락]
<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순위입니다.
수정하기
취소하기