JavaScript의 배열 채우기

JavaScript에서 Array.prototype.fill()은 특정 범위 배열을 채우기 위해 연속적으로 작동합니다. 그러나 브라우저에 따라 많은 요소에서 작업이 느려질 수 있습니다.

배열을 채우는 대부분의 방법은 더 많은 수의 요소에 대해 이러한 느린 속도에 직면해 있습니다. 그러나 일부 방법은 빠른 비교 작업의 경우 더 잘 작동합니다.

여기에서는 fill(), map(), from(), apply() 메서드와 기본 loop 문을 사용하여 배열을 채우는 방법을 살펴보겠습니다. 코드 라인으로 이동합시다.

Array.prototype.fill()을 사용하여 JavaScript에서 배열 채우기

이 메서드는 배열 요소를 초기화하기 위해 한 줄의 코드가 필요합니다. 그리고 fill() 메소드의 기본 함수는 배열을 채우는 역할을 합니다.

코드 조각:

var a = new Array(5).fill(1);
console.log(a);

출력:

Array.prototype.map()을 사용하여 JavaScript에서 배열 채우기

여기에서 우리는 배열의 요소를 확장하기 위해 스프레드 연산자를 사용하고 나중에 값으로 채우기 위해 각 요소에 map()을 적용합니다. 코드 펜스가 더 잘 설명합니다.

코드 조각:

var a = [...new Array(5)].map(x => 2);
console.log(a);

출력:

JavaScript에서 Array.from() 메서드를 사용하여 배열 채우기

이 경우 범위를 정의하는 배열 인스턴스를 사용하는 Array.from() 메서드를 사용하고 람다 함수 범위에 설명된 요소 값을 초기화하는 함수 집합도 있습니다. 코드 블록을 확인해보자.

코드 조각:

var a = Array.from(Array(5), () => 3);
console.log(a);

출력:

apply() 메소드를 사용하여 JavaScript에서 배열 채우기

apply() 메서드를 사용하여 배열의 모든 요소를 ​​특정 범위까지 유지합니다. 그리고 나중에 map() 함수를 사용하여 각 요소에 값을 할당합니다.

var a = Array.apply(null, Array(5)).map(Number.prototype.valueOf, 4);
console.log(a);

출력:

loop 문을 사용하여 JavaScript에서 배열 채우기

여기에서는 기본 루프를 사용하여 지정된 범위까지 배열의 요소를 탐색한 다음 값을 초기화합니다.

코드 조각:

var a = new Array(5);
for (var i = 0; i < 5; i++) {
  a[i] = 5;
}
console.log(a);

출력: