Slik viser du data som tabell i nettleserkonsollen

Console er et nettleser innebygd verktøy som logger feil som skjer på nettstedet. Hvis det er noen feil - for eksempel ødelagte koblinger, ufullstendige JavaScript-funksjoner eller ukjente CSS-egenskaper - vil nettleserne vise feilmeldinger i konsollen.

I tillegg kan vi også samhandle med konsollen via skallet og konsoll-API, som kommer til bruk ved testing av visse funksjoner og datautgang. Her vil vi vise deg et nyttig tips for bruk av Console API.

Tilgang til nettleserkonsollen

I Chrome kan vi velge Vis> Utvikler> JavaScript Console- menyen for å hente konsollen. Alternativt kan vi også bruke snarveien: Cmd + Option + J på OS X, og Ctrl + Shift + J på Windows.

Nedenfor vises en feilfri Chrome-konsoll.

Herfra kan vi begynne å bruke kommandoen gitt i Console API.

Interagere med konsollen

Vi kan samhandle med nettleserkonsollen via konsollen selv og ved å legge til JavaScript i dokumentet. For eksempel, her forteller vi konsollen å skrive ut "God morgen!" Ved å skrive console.log() kommandoen direkte i konsollen:

Som nevnt, kan vi også bruke console.log() i dokumentet. En praktisk console.log() bruk er å teste en betinget betingelse for JavaScript. Vi kan se tydeligere om resultatet returnerer true eller false ved hjelp av console.log() .

Nedenfor er et eksempel:

 var a = 1; hvis (a == 1) {console.log ('true'); } ellers {console.log ('false'); } 

Koden ovenfor vil returnere sann, siden a variabel inneholder nummer 1 . I konsollen bør du se nettleseren, utgir teksten true .

Utdata som tabell

Noen ganger har vi å gjøre med et datafelt eller en liste over objekter, som vist nedenfor:

 var data = [{navn: "Andi", alder: "21", by: "Tuban"}, {navn: "Ani", alder: "25", by: "Trenggalek"}, {navn: "Adi", alder: "30", by: "Kediri"}]; console.table (data); 

Disse dataene vil være vanskelige å lese når vi bruker metoden console.log() . Metoden console.log() viser Array i sammenleggbar trevisning, som vist nedenfor.

Når vi har å gjøre med et slikt Array, er det en bedre måte å console.table() med console.table() . Denne metoden viser data i et tabellformat. Tar de samme dataene som ovenfor, vil det utgå som:

Konklusjon

Nettleserkonsollen hjelper webutviklere til å håndtere feil på nettsteder. Vi kan også bruke den til å teste datautgang, som med metoden console.log() . Når vi har en array data console.table() kommando vil komme inn mer nyttig, som det viser Array i et tabellformat som er lett å lese. Vær oppmerksom på at console.table() bare gjelder i Webkit-baserte nettlesere som Chrome, Safari og den nyeste versjonen av Opera.

Videre lesning

• Grunnleggende JavaScript Array
• Konsoll API-kode for Sublime Text

Topp 6 synder av artikkelen skriver

En vis mann sa en gang: «Fortell meg hvor jeg skal dø, så jeg vil ikke gå dit.» En måte å finne ut hvordan man gjør noe, er å finne ut hvordan man ikke skal gjøre det først, så omvendt.Ta for eksempel artikkelskriving. For å lære det, kan du enten (1) ploge gjennom massevis av Internett-ressurser på gjøremålene i artikkelen skriver; eller (2) holde øye med disse grunnleggende, men viktige, boo-boos, og kutte dem ut så snart du ser dem. Her har jeg satt

(Tekniske og design tips)

Hvor mye iPhone 8 og iPhone X kan potensielt koste i Malaysia

Apples lansering av iPhone 8-serien og den nye iPhone X har overraskende ledet mange til å klargjøre sine kredittkort for forhåndsbestilling. For de av oss i Malaysia er det svært lite sannsynlig å være en del av den første gruppen av land som vil motta forsendelser av Apples nyeste iPhones.Å se som iPhone 8-serien og iPhone X har ennå ikke en solid startdato i Malaysia, og de lokale prisene på de nye iPhones forblir også annonsert . Imidlerti

(Tekniske og design tips)