>웹 프론트엔드 >JS 튜토리얼 >Javascript 배열은 정말 밀도가 높습니까?

Javascript 배열은 정말 밀도가 높습니까?

DDD
DDD원래의
2024-11-19 01:29:02484검색

 Are Javascript Arrays Truly Dense?

Javascript 배열이 정말 조밀한가요?

질문이 생깁니다. Javascript 배열이 실제로 조밀한 데이터 구조로 구현됩니까? 아래 코드 조각의 예시처럼 큰 정수 인덱스를 사용하여 배열 요소에 액세스하려고 시도하는 경우:

array[Date.getTime()] = value;

결과적으로 인터프리터는 인덱스 0부터 현재 시간까지 모든 배열 요소를 인스턴스화합니까? 게다가 브라우저마다 동작에 차이가 있나요?

구현 살펴보기

이 문제를 해결하려면 Javascript 배열의 내부 작동을 이해하는 것이 중요합니다. . 배열이 조밀한 구조라는 기존의 인식과는 달리 Javascript 배열은 데이터 저장을 위해 키-값 쌍을 사용하는 해시 테이블로 구현됩니다. 이러한 디자인 선택은 색인 생성의 유연성을 허용하여 큰 정수뿐만 아니라 문자열, 부동 소수점 숫자, 심지어 임의의 객체까지 유효한 색인으로 사용할 수 있게 해줍니다.

그러나 주의할 점은 자동 변환에 있습니다. 해시에 삽입하기 전에 toString() 메서드를 사용하여 문자열에 대한 모든 키를 삭제합니다. 이 동작을 보여주기 위해 다음 코드를 고려하십시오.

var array = [];
array[0] = "zero";
array[new Date().getTime()] = "now";
array[3.14] = "pi";

for (var i in array) {
  alert("array["+i+"] = " + array[i] + ", typeof("+i+") == " + typeof(i));
}

이 코드의 출력은 Javascript 배열의 놀라운 특성을 드러냅니다.

array[0] = zero, typeof(0) == string
array[1254503972355] = now, typeof(1254503972355) == string
array[3.14] = pi, typeof(3.14) == string

모든 인덱스(0, 현재 시간 및 3.14)를 문자열로 변환한 후 해시 테이블에 저장합니다. 이 동작은 요소 액세스가 순차 인덱스로 제한되는 Javascript 배열과 기존의 조밀한 데이터 구조 간의 근본적인 차이를 강조합니다.

배열 반복에 대한 의미

Javascript 배열을 반복할 때 이러한 인덱싱 특성을 알고 있어야 합니다. 일반적인 관행은 for (var i = 0; i < array.length; i) 구문을 사용하는 것이지만, 이 접근 방식은 비표준 배열 인덱스를 처리할 때 문제를 일으킬 수 있습니다. 예를 들어 위의 예제 코드에서 array.length 속성은 0 값을 보유하므로 빈 반복이 발생합니다. 이 상황을 해결하려면 배열에 명시적으로 정의된 인덱스만 열거하는 for...in 구문을 채택하는 것이 좋습니다.

위 내용은 Javascript 배열은 정말 밀도가 높습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.