Skip to main content

Command Palette

Search for a command to run...

[Snippet] 배열 생성하기

Updated
1 min readView as Markdown
K

프론트엔드 개발자 김가영입니다. 개발과 일에 대한 생각을 주로 씁니다. https://velog.io/@kykim_dev/posts (2023 이전 블로깅)

1. Array.from

let num = Array.from({ length: n }, (_, i) => i + 1)
  • lengthn인 배열을 만들고, 각 요소를 1부터 n까지 채워줌

  • 순회 가능 또는 유사 배열 객체에서 얕게 복사된 새로운 배열 인스턴스 생성

2. Arrayfill, map

let num = Array(n).fill(0).map((_, i) => i + 1);
  • Array(n)n 길이의 빈 배열을 생성하고, fill(0)로 모든 값을 0으로 채운 뒤, map을 이용해 1부터 n까지의 숫자를 채워줌

3. for 루프

let num = [];
for (let i = 1; i <= n; i++) {
  num.push(i);
}
  • 1부터 n까지 반복하며 num 배열에 값을 추가

4. keys()

  • Arraykeys() 메서드를 활용해 1부터 n까지의 배열을 생성
let num = [...Array(n).keys()].map(i => i + 1);
  • Array(n).keys()0부터 n - 1까지의 숫자들이 담긴 Iterator를 반환

  • map을 사용해 1부터 n까지의 숫자로 변환

각 방법 비교:

  • 가독성: Array.frommap을 조합하는 방법이 가장 직관적이고 코드가 간결함

  • 성능: 작은 범위의 n에 대해서는 성능 차이가 미미하지만, 아주 큰 n에서는 for 루프 방식이 조금 더 빠를 수 있음

  • 코드 간결성: Array.fromkeys() 방법은 코드가 간결하지만, for 루프는 직관적으로 이해하기 쉬운 편

Snippet

Part 1 of 1

More from this blog

React 렌더링 최적화

React 렌더링이란? 리액트에서 렌더링이란, 컴포넌트가 현재 props와 state의 상태에 기초하여 UI를 어떻게 구성할지 컴포넌트에게 요청하는 작업을 의미한다. 즉 사용자 화면에 View(내용)를 보여 주는 것. 초기 렌더링 렌더링을 담당하는 render 함수는 컴포넌트의 정보를 이용해 화면을 구성(렌더링)한다. 컴포넌트 내부에는 또 다른 컴포넌트들이 들어갈 수 있어, render 함수가 실행되면 그 내부에 있는 컴포넌트들도 재귀적으로 렌...

May 21, 20243 min read

로컬에서 Aws Ec2 인스턴스에 배포하기

EC2 (컴퓨팅) Elastic Compute Cloud(EC2)로 클라우드 컴퓨팅 서비스 클라우드를 통해 서버, 스토리지, 데이터베이스 등의 컴퓨팅 서비스를 제공하는 것으로 AWS에서 원격으로 제어할 수 있는 가상의 컴퓨터 한 대를 임대하는 것과 같다. 제공되는 가상 이미지를 ‘인스턴스(Instance)’라고 하며, 필요에 따라 사양(CPU 코어 수, 메모리 용량, 스토리지)을 변경할 수 있다. 서버에 Build 가져오기 1. 로컬에...

Apr 10, 20242 min read

DevNotes by kykim

23 posts