Hvordan du bruker Javascript Object Literaler for HTML Integrasjon

August 18  by Eliza

I Javascript, er et objekt bokstavelig en spesiell type datainnsamling. Den inneholder navngitte verdier som du bruker for å gjøre tilgang til en bestemt verdi enklere. Ideen er å lage en pakke som du kan sende til et sted med alle de verdiene som kreves for å utføre en oppgave. Fordi verdiene er navngitt, trenger du ikke å gi dem i en bestemt rekkefølge.

I tillegg vil mottakeren trenger ikke å jobbe med innholdet i en bestemt måte. Dette er en slags objekt som mangler enhver form for konstruktør og har ikke behov for metoder. Hele hensikten med denne teknikken er å gjøre overføring av data enklere og mindre utsatt for feil. Sjekk ut en virkelig verden eksempel på hvordan objekt litteraler brukes.

Hvordan lage navn / verdi-par i Javascript

Objekt litteraler stole på navn og verdi-par til å lagre informasjon. Du leverer et navn (også kalt en etikett) og en dataverdi for å gå med det. Mottakeren kan deretter hente data ved navn. Følgende eksempel viser en enkel bruk av et objekt bokstavelig.

<! DOCTYPE html>
<Html>
<Head>
<Title> Arbeide med Object Literaler </ title>
</ Head>
<Body>
<H1> Lag og bruker objekt Literaler </ h1>

<Script language = "Javascript">
// Lag objektet bokstavelig.
Var customerData =
{
Navn: 'Sally Jones',
Alder: 32,
Bursdag: ny dato ("01/15/1981")
}

// Viser objekt bokstavelig data skjermen.
document.write (
"<P> kundens navn er:" +
customerData.Name +
"Alder er:" + customerData.Age +
"Og fødselsdato er:" +
customerData.Birthday.toDateString () + "</ p>");
</ Script>
</ Body>
</ Html>

I dette tilfellet inneholder customerData tre verdier: Navn, alder, og bursdag. Hver av disse merkelappene har en tilknyttet verdi. Legg merke til at du ikke trenger å bekymre deg for å blande datatype - objektet bokstavelig bryr seg ikke. De viktigste elementene er å legge dataene i klammeparentes, for å gi et navn for hver verdi, for å skille verdien fra navnet av et kolon, og for å skille verdier med komma.

På dette punktet, er customerData en pakke som du kan sende hvor som helst. Eksemplet bruker informasjonen direkte etter objektet bokstave er opprettet. Legg merke til at du bruker standard dot syntaks for å få tilgang til hver av verdiene. Rekkefølgen av tilgang spiller ingen rolle fordi du tilgang til verdiene ved navn.

Hvordan du bruker Javascript Object Literaler for HTML Integrasjon

Hvordan legge til nye navn / verdi-par i Javascript

Java støtter en rekke metoder for å legge til nye navn og verdi-par til et objekt bokstavelig. Den enkleste metoden for å oppnå denne oppgaven er å bare skrive inn navnet på en ny eiendom og tilordne en verdi til det.

For eksempel, hvis du ønsket å legge en eiendom som heter hårfarge til customerData eksempel og gi kunden en hårfarge av brunt, du ville bare skrive customerData.HairColor = "Brown" ;. Den nye eiendommen vil fremstå som en del av customerData som om du hadde gitt det som en del av det opprinnelige objektet bokstavelig.