> 웹 프론트엔드 > JS 튜토리얼 > 대괄호 구문 및 Array.from 배열 길이 초기화가 JavaScript의 배열 생성자보다 더 적합합니까?

대괄호 구문 및 Array.from 배열 길이 초기화가 JavaScript의 배열 생성자보다 더 적합합니까?

Linda Hamilton
풀어 주다: 2024-10-19 21:04:02
원래의
563명이 탐색했습니다.

Is Square Bracket Syntax and Array.from Array Length Initialization More Suitable than the Array Constructor in JavaScript?

JavaScript에서 배열 길이 초기화

JavaScript에서 특정 길이의 배열을 초기화하는 일반적인 방법은 다음 구문을 사용하는 Array 생성자를 사용하는 것입니다. var test = new Array(4);. 그러나 이 방법을 사용하면 특정 프레임워크 및 Linting 도구와의 비호환성으로 인해 우려가 제기되었습니다.

위험 및 브라우저 비호환성

new Array()를 사용하면 심각한 위험이 발생하지 않습니다. ; 브라우저는 이를 널리 지원합니다. 그러나 jsLint와 같은 Linting 도구는 구문에 오류가 발생하기 쉽기 때문에 경고를 발행합니다.

대괄호를 사용한 대체 구문

대괄호 구문으로 전환(var test = [ ];) 린트 도구에서는 선호됩니다. 그러나 배열 길이를 설정하려면 별도의 단계가 필요합니다.

<code class="js">var test = [];
test.length = 4;</code>
로그인 후 복사

한 줄 초기화

배열을 초기화하고 길이를 설정하는 직접적인 방법은 없습니다. 대괄호를 사용하여 한 줄에 길이를 지정합니다. 그러나 ES6은 다음과 같은 솔루션을 제공합니다.

<code class="js">Array.from(Array(5)).forEach(alert);</code>
로그인 후 복사

이렇게 하면 정의되지 않은 값으로 길이가 5인 배열이 생성됩니다. ES6에서는 특정 값으로 초기화할 수도 있습니다.

<code class="js">Array.from('abcde'); // [ "a", "b", "c", "d", "e" ]</code>
로그인 후 복사

요약

새로운 Array() 구문은 유효하지만 Linting 도구와의 호환성 문제로 인해 권장되지 않습니다. 그리고 잠재적인 오류. 선호되는 접근 방식은 대괄호를 사용하고 길이를 별도로 설정하는 것입니다. ES6은 초기값을 설정하는 편리한 방법을 포함하여 배열 초기화를 위한 추가 옵션을 제공합니다.

위 내용은 대괄호 구문 및 Array.from 배열 길이 초기화가 JavaScript의 배열 생성자보다 더 적합합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿