Chrome sắp đặt lại khóa đối tượng nếu số, bình thường/mong đợi

Question

Tôi nhận thấy rằng một số mã đánh giá một số kích thước giày cho trang web thương mại điện tử và xuất chúng trên màn hình đang làm rối trật tự trong Chrome.

JSON được có thể là:

{ 
    "7": ["9149", "9139", "10455", "17208"], 
    "7.5": ["9140", "9150", "10456", "17209"], 
    "8": ["2684", "9141", "10457", "17210"], 
    "8.5": ["9142", "10444", "10458", "17211"], 
    "9": ["2685", "9143", "10459", "17212"], 
    "9.5": ["10443", "9144", "10460", "17213"] 
} 

... có nghĩa là tăng kích thước trong nửa.

Sau khi chuyển đổi thành một đối tượng và lặp lại mặc dù các phím, trật tự tự nhiên đã được tôn trọng và họ đi ra như:

7, 7.5, 8, 8.5, vv

Nhưng trong Chrome chỉ, phím mà 'look' như số vòng LUÔN đi ra khỏi đối tượng đầu tiên, vì vậy sản phẩm của một cho ... trong vòng lặp là:

7, 8, 9, 7. 5, 8,5, 9,5 ...

Object.keys(sizes); // ["7", "8", "9", "7.5", "8.5", "9.5"] 

Đây là trường hợp thử nghiệm: https://jsfiddle.net/wcapc46L/1/

Nó chỉ ảnh hưởng đến toàn bộ số, có vẻ như Webkit/Blink có một tối ưu hóa mà thích thuộc tính đối tượng được số, có thể nó là để làm với Dự đoán chi nhánh hoặc bất cứ điều gì.

Nếu bạn có tiền tố chìa khóa đối tượng với bất kỳ ký tự, trật tự vẫn không bị ảnh hưởng và làm việc như dự định - FIFO

Tôi nghĩ rằng tôi nhớ đọc mà không có bảo đảm về trình tự của các thuộc tính của một đối tượng nhưng đồng thời gian, điều này gây phiền toái cho sự khắc nghiệt và sẽ gây ra một lượng đáng kể nỗ lực trong việc sửa chữa nó cho người dùng chrome một mình.

Bất kỳ ý tưởng nào? đây có phải là lỗi có thể được khắc phục không?

chỉnh sửa thêm vào đó, bây giờ tôi đã phát hiện ra đây là một vấn đề trên tracker v8 lỗi:

http://code.google.com/p/v8/issues/detail?id=164

Hình như Blink không muốn để sửa lỗi này và sẽ vẫn là trình duyệt duy nhất mà sẽ làm đi.

cập nhật bất cứ băm bảng tối ưu hóa webkit/chớp đã có, hiện đã làm theo cách của mình vào con tắc kè (FF 27.0.1) - http://jsfiddle.net/9Htmq/ kết quả trong 7,8,9,7.5,8.5,9.5. áp dụng _ trước khi các phím trả về đúng thứ tự/thứ tự dự kiến.

cập nhật 2017 dân vẫn upvoting và chỉnh sửa này để - Nó không có vẻ ảnh hưởng Map/WeakMap, Set vv (như chứng minh bằng cách cập nhật ví dụ chính)

Answer 1

Đó là cách v8 xử lý các mảng liên kết. Đã xảy ra sự cố đã biết Issue 164 nhưng nó tuân theo thông số được đánh dấu là 'hoạt động như dự định'. Không có thứ tự bắt buộc để lặp qua các mảng kết hợp.

Một cách giải quyết đơn giản là đi trước các giá trị số với chữ ví dụ: 'size_7':['9149','9139'], vv

Tiêu chuẩn này sẽ thay đổi trong ECMAScript đặc tả sau buộc [chrome] nhà phát triển để thay đổi điều này.

Answer 2

Nó sẽ xuất hiện mà Chrome đang điều trị số số nguyên chuỗi như thể đó là loại số khi được sử dụng làm tên chỉ mục/thuộc tính. Tôi nghĩ rằng dựa vào việc thực hiện Javascript để bảo vệ thứ tự của những gì, trong một số trường hợp, là thuộc tính đối tượng và trong các trường hợp khác (chắc chắn với chỉ số mảng chrome), là một cách tiếp cận không an toàn và thứ tự liệt kê có lẽ không phải là được xác định trong spec. Tôi khuyên bạn nên thêm thuộc tính bổ sung vào JSON cho biết thứ tự sắp xếp:

{ 
    "7":{"sortOrder":1,"data":["9149","9139","10455","17208"]}, 
    "7.5":{"sortOrder":2,"data":["9140","9150","10456","17209"]} 
    //etc 
} 

Answer 3

Tôi không nghĩ bạn có thể gọi đây là lỗi. Giống như bạn tự nói, không có garantee về cách các thuộc tính của một đối tượng được sắp xếp.

Answer 4

Chúng đang được coi là chuỗi vì chúng là các chuỗi. Đề xuất tốt nhất của tôi là sử dụng cùng một "độ chính xác" trong tất cả các phím của bạn.

{"7.0":["9149","9139","10455","17208"],"7.5":["9140","9150","10456","17209"],"8.0":["2684","9141","10457","17210"],"8.5":["9142","10444","10458","17211"],"9.0":["2685","9143","10459","17212"],"9.5":["10443","9144","10460","17213"]} 

Vì vậy, "8,0" thay vì "8", vv

Thậm chí sau đó, không có bảo lãnh, nhưng nó có nhiều khả năng là họ sẽ đi ra theo đúng thứ tự.

Để đảm bảo tốt hơn, hãy thực hiện sắp xếp dựa trên các phím, đặt các giá trị vào một mảng theo thứ tự được sắp xếp.

Answer 5

Khi lặp qua các thuộc tính của đối tượng, thứ tự được chỉ định trong đặc tả ECMAScript là không xác định và bất kỳ thứ tự nào bạn có thể quan sát được trong một số môi trường không nên dựa vào. Nếu bạn cần đặt hàng, hãy sử dụng số Array.

Answer 6

Tôi tìm thấy một công việc dễ dàng xung quanh sử dụng underscore.js

myArray = _.sortBy(myArray, function(num){ return Math.ceil(num); }); 

Yay! myArray đã trở lại đúng thứ tự trong tất cả các trình duyệt.