Dlaczego występują w nim takie konstrukcje?

Question

Cześć ;)

Zaczynam za jakiś czas pracę, w której będzie potrzebny JavaScript. Zacząłem się więc go uczyć, i parę rzeczy jest dla mnie dziwnych, wręcz denerwujących (po prostu pewne rzeczy do mnie nie docierają).

Przerabiam sobie warsztat JS z codeacademy.com i musiałem napisać coś takiego:

http://wklej.org/id/2317988/

Stworzyłem obiekt "friends"(mający być listą kontaktów), który przechowywał konkretne instancje kontaktów w postaci swoich... properties? Tak się w ogóle robi? Dla mnie najnaturalniejszym byłoby utworzenie obiektu "Kontakt" i utworzenie tablicy tych obiektów. O co tutaj chodzi?

Druga rzecz, to ta javascriptowa pętla for (która wygląda jak c#-owy foreach). Ona przechodzi po wszystkich właściwościach obiektu friends?? Jak to działa? (kod który wkleiłem, na wklejce, code academy uznał za poprawny),

Jest tu tyle niejednoznaczności, że mnie aż głowa boli. ;(

PS

Jeśli zechcę wyświetlić obiekt JS wprost (np w konsoli), to bedzie on zapisany zawsze w formacie JSon?

Mam na myśli takie coś:

var obiekt = new Object();
console.log(obiekt);

 

Answer 1

Uaaa… Taki kod to się pisało wieki temu. W obecnym JS wyglądałoby to tak: http://wklej.org/hash/0dc5946ca43/

Stworzyłem obiekt "friends"(mający być listą kontaktów), który przechowywał konkretne instancje kontaktów w postaci swoich... properties? Tak się w ogóle robi? 

Tak. Tablica asocjacyjna w JS to po prostu obiekt. Tyle że nie stosuje się new Object → http://tutorials.comandeer.pl/js-beauty.html#literaly

Druga rzecz, to ta javascriptowa pętla for (która wygląda jak c#-owy foreach). Ona przechodzi po wszystkich właściwościach obiektu friends?? Jak to działa?  

Tak, for...in przechodzi po wszystkich elementach obiektu. Ale obecnie nie jest to najlepszy sposób, bo istnieje np. Object.keys.forEach czy wykorzystany przeze mnie for...of. O for...in można powoli zapomnieć. 

Jeśli zechcę wyświetlić obiekt JS wprost (np w konsoli), to bedzie on zapisany zawsze w formacie JSon?

JSON to skrót oznaczający "JavaScript Object Notation". Ten format to po prostu natywny format zapisu obiektów w JS. 

Comments

Dzięki serdeczne, powoli zaczynam się w tym odnajdywać. :)

Natomiast mam pytanie co do wyświetlania obiektu- tworząc obiekt taki:

 

var object = new Object();

object.name = "Sasza";
object.lastName = "Konopka";

Próbując wyświetlić "object" za pomocą 

document.write(object);

output wyświetla:

[object Object]

Gdy ten sam obiekt wrzucę do konsoli, to zawiera on wszystkie informacje, w postaci JSon, o ile dobrze myślę. Dlaczego? :)

Object { name: "Sasza", lastName: "Konopka" }

 

---

Bo konsola to konsola ;) Ona wyświetla obiekty takie, jakimi są. Natomiast jeśli chce się wyświetlić obiekt na stronie/w DOM musi być przerobiony na string, czyli po prostu jest robione obiekt.toString i stąd taki wynik.

---

Ok, dziękuję Ci bardzo. :)

Answer 2

Cześć,

1)  Co do pętli for in, to tak, przechodzi przez wszystkie kolejne właściwości konkretnego obiektu. Obiektu, tablica obiektów odpada. Pełne info znajdziesz pod tym linkiem: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/for...in

Co do stworzenia listy kontaktów to oczywiście można zastosować tablicę obiektów i dla mnie jest ona czytelniejsza niż ten przykład. Opanowałeś tworzenie konstruktorów w js? Nie wiem, czy taki sposób tworzenia obiektów jest używany przez programistów. Niech inni się na ten temat wypowiedzą, dopiero co się uczę tego języka.