JavaScript의 배열 채우기

1. Array.prototype.fill()을 사용하여 JavaScript에서 배열 채우기
2. Array.prototype.map()을 사용하여 JavaScript에서 배열 채우기
3. JavaScript에서 Array.from() 메서드를 사용하여 배열 채우기
4. apply() 메소드를 사용하여 JavaScript에서 배열 채우기
5. loop 문을 사용하여 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);

출력: