JavaScript Array Object vs Array Like Objects - Clarification

Question

Próbowałem splajtować obiekt podobny do tablicy, który został zadeklarowany jako obiekt tablicy i okazało się, że JSON.stringify nie przetwarzał poprawnie obiektu podobnego do tablicy, gdy jest zdefiniowany jako obiekt tablicy.

Poniżej większej jasności, ->jsFiddle

var simpleArray = []; //note that it is defined as Array Object 

alert(typeof simpleArray); // returns object -> Array Object 

simpleArray ['test1'] = 'test 1'; 
simpleArray ['test2'] = 'test 2'; 

alert(JSON.stringify(simpleArray)); //returns [] 

to działało dobrze i wrócił do mnie {"test1":"test 1","test2":"test 2"} kiedy zmienił

var simpleArray = []; do var simpleArray = {};.

Czy ktoś może rzucić trochę światła lub jakieś odniesienie, gdzie mogę przeczytać więcej?

Edit:

Pytanie: Kiedy typeof simpleArray = [] i simpleArray = {} zwrócony obiekt, dlaczego JSON.stringify nie był w stanie wrócić {"test1":"test 1","test2":"test 2"} w obu przypadkach?

Answer 1

Nie chcesz tablicy. Gdy chcesz mieć "tablicę asocjacyjną" w JavaScript, naprawdę potrzebujesz obiektu, {}.

można odróżnić je instanceof Array:

[] instanceof Array // true 
({}) instanceof Array // false 

EDIT: to może go przetworzyć. Serializuje wszystkie elementy tablicy. Jednak aby być elementem, musi istnieć klucz numeryczny. W tym przypadku nie ma żadnych.

To nic wyjątkowego dla JSON. Jest to zgodne z właściwością toSource i length.

Answer 2

Różnica polega na indeksach. Gdy używasz tablicy [] indeksy mogą być tylko dodatnimi liczbami całkowitymi.

Więc dodaje się źle:

var array = [ ]; 
array['test1'] = 'test 1'; 
array['test2'] = 'test 2'; 

ponieważ test1 i test2 nie są liczbami całkowitymi. Aby to naprawić trzeba użyć indeksów opartych integer:

var array = [ ]; 
array[0] = 'test 1'; 
array[1] = 'test 2'; 

lub jeśli zadeklarować JavaScript Object potem właściwości mogą być dowolne ciągi:

var array = { }; 
array['test1'] = 'test 1'; 
array['test2'] = 'test 2'; 

co jest równoważne:

var array = { }; 
array.test1 = 'test 1'; 
array.test2 = 'test 2'; 

Answer 3

Gdy JSON.stringify napotka tablicy, iteracje w sposób podobny do pętli z 0for do simpleArray.length znaleźć wartości. Na przykład:

var a = []; 
a[5] = "abc"; 
alert(JSON.stringify(a)); // alerts [null,null,null,null,null,"abc"] 

właściwości Dlatego ustawienie na nim będzie całkowicie niewidoczny dla JSON.

Jednak zdefiniowanie obiektu za pomocą {} powoduje, że JSON traktuje go jako obiekt, a zatem pętle nad właściwościami obiektu (z wyłączeniem dziedziczonych właściwości z łańcucha prototypów). W ten sposób może znaleźć twoje właściwości test1 i test2 i pomyślnie zwraca to, czego oczekujesz.

Answer 4

"Czy ktoś może rzucić trochę światła lub jakieś odniesienie, gdzie mogę przeczytać więcej?"

Kiedy masz do czynienia z JSON danych, można zwrócić się do json.org do zapoznania się z wymaganiami specyfikacji.

W JSON, Array jest listą zleceń z wartościami oddzielonymi przez ,.

Więc JSON.stringify() jest po prostu ignorując wszystko, co nie może być reprezentowany jako proste listy uporządkowanej.

Więc jeśli nie ...

var simpleArray = []; 
simpleArray.foo = 'bar'; 

... nadal jesteś dając tablicy, więc spodziewa się tylko indeksy numeryczne, a ignorowanie czegokolwiek innego.

Ponieważ JSON jest językiem niezależnym, metody pracy z JSON muszą podjąć decyzję o tym, która struktura językowa najlepiej pasuje do każdej struktury JSON.

Więc JSON ma następujące struktury ...

{} // object 
[] // array 

Należy pamiętać, że chociaż wyglądają bardzo podobnie do JavaScript obiektów i tablic, nie są one ściśle takie same.

Wszelkie struktury JavaScript użyte do stworzenia konstrukcji muszą być zgodne z tym, co dopuszczą struktury JSON. Właśnie dlatego wykluczono właściwości nieliczbowe.

Podczas gdy JavaScript nie ma nic przeciwko temu, JSON nie będzie ich tolerować.

Answer 5

Twój kod nie jest semantycznie poprawny, ale ponieważ większość silników JavaScript jest naprawdę miłych dla programisty, dopuszczają one następujące typy błędów: .

Szybkie przypadek testowy:

var a = []; 
a.b = "c"; 
console.log(JSON.stringify(a));//yields [], and not {"b":"c"} as you might expect 

Może to być spowodowane jakimś surowości w JSON.stringify które nadal traktuje a jak Array. Nie martwiłbym się tym zbytnio. Jest to sytuacja, która nie powinna wystąpić w twoim programie, ponieważ jest to błąd. JSLint to popularne narzędzie do wychwycenia tych i wielu innych potencjalnych problemów w kodzie.

Answer 6

W JavaScript wszystko jest przedmiotem, więc nawet tablice. To dlatego masz:

>> var l = [1, 2]; 
>> typeof l 
"object" 

Tablice są przechowywane tak samo jak obiekty. Tak więc, tablice są tylko obiektami możliwymi do hartowania. Indeks podany podczas uzyskiwania dostępu, na przykład

>> l[0] 

nie jest interpretowany jako offset, ale jest mieszany, a następnie wyszukiwany.

Array, to po prostu obiekty (z niektórymi wbudowanymi metodami tablicowymi), dzięki czemu można traktować je jak obiekty i umieszczać wartości pod określonym kluczem. Ale tylko te klucze indeksowane według liczb są używane do obliczenia długości.

>> var l = [] 
>> l.length 
0 
>> l[5] = 1; 
>> l.length 
6 
>> l 
[undefined, undefined, undefined, undefined, undefined, 1] 
>> l.hello = "Hello" 
>> l.length 
6 

Czytaj Array - MDN więcej informacji i Associative Arrays considered harmful dlaczego nie powinno się tego robić.

Answer 7

Różnice między instancjami Array i innymi obiektami określono w sekcji ECMAScript Language Specification, Edition 5.1, sekcja 15.4.

Znajdziecie tam że jednocześnie można używać składni właściwość dostępowej wspornika wszelkich odniesień Object -

objRef[propertyName] 

- Array przypadki są wyjątkowe. Tylko użycie wartości parametru, której reprezentacja ciągów jest niepodpisana, 32-bitowa liczba całkowita mniejsza niż 2 -1 uzyskuje dostęp do elementu z enkapsulowanej struktury tablicowej, a dostęp do zapisu wpływa na wartość właściwości instancji instancji.

Sekcja 15.12 określa odpowiednio obiekt JSON i jego metodę stringify.