쭈꾸미
코드짜는 쭈꾸미
쭈꾸미
전체 방문자
오늘
어제
  • 분류 전체보기 (122)
    • Journal (54)
      • Today I Learned (44)
      • 후기&회고 (4)
      • 개인 프로젝트 (4)
      • 독서일기 (2)
    • HTML, CSS (5)
    • Javascript (32)
    • Typescript (2)
    • Git, Github (4)
    • Algorithm (1)
    • React, Next.js (14)
    • API, Database (6)
      • API (0)
      • Database (1)
      • GraphQL (2)
      • Rest-API (1)
    • React-Native (1)
    • ETC (2)
    • OS (1)
      • 우분투 Ubuntu (1)

인기 글

티스토리

hELLO · Designed By 정상우.
쭈꾸미

코드짜는 쭈꾸미

Javascript

[Javascript] new Array() / fill() - 배열 생성자

2022. 2. 3. 16:52

new Array()

Array() 생성자는 새로운 Array 객체를 생성할 때 사용한다.

[element0, element1, ..., elementN]

new Array(element0, element1[, ...[, elementN]])
new Array(arrayLength)

 

fill()

fill은 해당 배열을 동일한 값으로 채운다. 시작 인덱스와 끝 인덱스도 지정이 가능하다.

arr.fill(value[, start[, end]])

배열 생성자 사용 시, arrayLegnth만 입력해서 배열을 만들 경우 해당 길이의 빈 값을 가진 배열이 생겨난다. 이 때 fill을 이용해서 해당 배열의 빈 값을 동일한 값으로 채워줄 수 있다.

 

 

예제

let array1 = new Array(1, 2, 3, ...[1,2])
console.log(array1) // [1,2,3,1,2]

let array2 = new Array(5).fill(1)
console.log(array2) // [1,1,1,1,1]

let array3 = new Array(..."apple", ...["banana"])
console.log(array3) // [ 'a', 'p', 'p', 'l', 'e', 'banana' ]

 

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/Array

 

Array() 생성자 - JavaScript | MDN

Array() 생성자는 새로운 Array 객체를 생성할 때 사용합니다.

developer.mozilla.org

 

'Javascript' 카테고리의 다른 글

[Javascript] 스코프와 스코프 체인 / Scope & Scope chain  (0) 2022.02.05
[Javascript] 이벤트 버블링 / Event-Bubbling  (0) 2022.02.05
[Javascript] isNaN() / Number.isNaN() - NaN인지 판별  (0) 2022.02.03
[Javascript] reduce() - 배열의 각 요소에 대해 주어진 함수를 실행하기  (0) 2022.02.03
[Javascript] new Date() - Date 객체로 날짜 생성하기  (0) 2022.01.20
    'Javascript' 카테고리의 다른 글
    • [Javascript] 스코프와 스코프 체인 / Scope & Scope chain
    • [Javascript] 이벤트 버블링 / Event-Bubbling
    • [Javascript] isNaN() / Number.isNaN() - NaN인지 판별
    • [Javascript] reduce() - 배열의 각 요소에 대해 주어진 함수를 실행하기
    쭈꾸미
    쭈꾸미
    느리지만 확실하게 / 웹 프론트엔드 개발자 TIL : https://jooeun-k.github.io/TIL/

    티스토리툴바