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 중국어 웹사이트의 기타 관련 기사를 참조하세요!