> 웹 프론트엔드 > JS 튜토리얼 > 자바스크립트의 순환 순서 컬렉션에서 배열이 선호되는 이유는 무엇입니까?

자바스크립트의 순환 순서 컬렉션에서 배열이 선호되는 이유는 무엇입니까?

伊谢尔伦
풀어 주다: 2018-05-16 17:15:46
원래의
2305명이 탐색했습니다.

순서가 지정된 컬렉션을 나타내려면 객체 유형 대신 배열을 사용하는 것이 좋습니다.

ECMAScript 표준은 JavaScript 객체 유형의 속성 저장 순서를 지정하지 않습니다.

그러나 for..in 루프를 사용하여 Object의 속성을 순회하는 경우 특정 순서에 의존해야 합니다. 정확하게는 ECMAScript가 이 시퀀스를 명시적으로 표준화하지 않기 때문에 각 JavaScript 실행 엔진은 고유한 특성에 따라 구현될 수 있으므로 for..in 루프의 동작 일관성은 다양한 실행 환경에서 보장될 수 없습니다.

예를 들어, 보고 메소드를 호출할 때 다음 코드의 결과는 불확실합니다.

function report(highScores) { 
  var result = ""; 
  var i = 1; 
  for (var name in highScores) { // unpredictable order 
    result += i + ". " + name + ": " + 
    highScores[name] + "\n"; 
    i++; 
  } 
  return result; 
} 
report([{ name: "Hank", points: 1110100 }, 
{ name: "Steve", points: 1064500 }, 
{ name: "Billy", points: 1050200 }]); 
// ?
로그인 후 복사

실행 결과가 데이터 순서를 기반으로 하는지 확인해야 하는 경우 배열 유형을 사용하여 데이터를 나타내는 데 우선순위를 두십시오. Object 유형을 직접 사용하는 대신. 동시에, for..in 루프 사용을 피하고 명시적인 for 루프를 사용하십시오:

function report(highScores) { 
  var result = ""; 
  for (var i = 0, n = highScores.length; i < n; i++) { 
    var score = highScores[i]; 
    result += (i + 1) + ". " + 
    score.name + ": " + score.points + "\n"; 
  } 
  return result; 
} 
report([{ name: "Hank", points: 1110100 }, 
{ name: "Steve", points: 1064500 }, 
{ name: "Billy", points: 1050200 }]); 
// "1. Hank: 1110100 2. Steve: 1064500 3. Billy: 1050200\n"
로그인 후 복사

순서에 특히 의존하는 또 다른 동작은 부동 소수점 숫자 계산입니다:

var ratings = { 
  "Good Will Hunting": 0.8, 
  "Mystic River": 0.7, 
  "21": 0.6, 
  "Doubt": 0.9 
};
로그인 후 복사

항목 2에서는 부동에 대해 이야기했습니다. 점 숫자 덧셈 연산은 교환 법칙도 충족할 수 없습니다.
(0.1 + 0.2) + 0.3의 결과와 0.1 + (0.2 + 0.3)의 결과는 각각
0.600000000000001 및 0.6

입니다. 따라서 부동 소수점 숫자에 대한 산술 연산의 경우 , 임의의 순서는 사용할 수 없습니다. 물론, 부동 소수점 수의 경우 이러한 유형의 계산 문제에 대한 한 가지 해결책은 정수를 사용하여 이를 표현하는 것입니다. 예를 들어, 먼저 위의 부동 소수점 수를 정수 데이터로 10배 확대한 다음 계산이 완료된 후 10배로 줄입니다. :

아아아아

위 내용은 자바스크립트의 순환 순서 컬렉션에서 배열이 선호되는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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