JavaScript 배열에 요소의 다중 발생을 효율적으로 추가하는 방법은 무엇입니까?

JavaScript 배열에 여러 요소 발생 추가

JavaScript에서 배열 작업을 할 때 동일한 요소를 여러 번 추가해야 하는 경우가 있습니다. 기존 접근 방식에서는 array.push()를 사용하여 요소를 배열에 반복적으로 푸시하는 작업이 포함됩니다.

다음 시나리오를 고려해보세요.

var fruits = [];
fruits.push("lemon", "lemon", "lemon", "lemon");

이 코드는 문자열 "lemon"을 4번 추가합니다. 과일 배열. 이 방법은 간단하지만 여러 번 발생해야 하는 경우 지루해질 수 있습니다.

기본 요소에 Array.fill 사용

문자열과 같은 기본 데이터 유형의 경우 JavaScript는 다음을 제공합니다. array.fill() 메서드를 사용하여 한 번에 여러 요소를 추가하는 더 효율적인 방법입니다. 구문은 다음과 같습니다.

array.fill(value, start, end)

• value: 배열에 채워질 값.
• start(선택 사항): 채우기를 시작할 시작 인덱스입니다. 기본값은 0입니다.
• end(선택 사항): 채우기를 중지할 종료 인덱스입니다. 기본값은 배열 길이입니다.

과일 배열의 경우 다음과 같이 "lemon"을 4개 추가할 수 있습니다.

var fruits = new Array(4).fill('Lemon');
console.log(fruits);

이 코드는 길이가 4인 새 배열을 만들고 모든 요소를 ​​"Lemon" 문자열로 채웁니다.

참고: Array.fill()은 기본 데이터 유형에만 지원됩니다. 객체 및 기타 복잡한 데이터 구조의 경우 루프 또는 스프레드 연산자를 사용하는 것이 좋습니다.

위 내용은 JavaScript 배열에 요소의 다중 발생을 효율적으로 추가하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!