JavaScript tulee ei-primitiivisen tietotyypin kanssa ' Esine ', joka on johdettu primitiivisten (sisäänrakennettujen) tietotyyppien avulla. 'Objekti' toimii esiintymänä JavaScript-jäsenille pääsyä varten. Sitä käytetään JavaScript-funktion käynnistämiseen suorittamaan tietty tehtävä, jota primitiiviset tietotyypit eivät pysty. Yksi tämän tietotyypin haittapuoli on kuitenkin se, että se suorittaa vertailun identiteettinsä, ei sisällön, perusteella. Tämän ongelman ratkaisemiseksi JavaScript tarjoaa uuden tietotyypin ' Records ', koska se vertailee tiukasti sisällön, ei identiteetin perusteella.
Tämä opas selittää JavaScript-tietueet.
Mitä ovat 'ennätykset'?
JavaScript ' Records ” on uusi primitiivinen tyyppi (merkkijonot, numerot, symbolit), joka on samanlainen kuin sisäänrakennettu . Ainoa ero on, että 'tietueet' ovat täysin muuttumattomia, eli niiden avaimien arvoa ei voi muuttaa, kun ne on alustettu.
Syntaksi
Sanan '' syntaksi Ennätys ' on identtinen 'Objektin' kanssa, mutta se vaatii ' # (hash)' -symboli ennen kiharaa aaltosulkea, joka merkitsee sitä 'Record':
const recoredName = #{
/*
avain: arvo
/*
}
Luodaan uusi tietue yllä mainittua syntaksia.
Kuinka luoda tietueita?
Luo tietue määrittämällä '#(hash)' -symboli aaltosulkeiden alkuun alla olevan koodilohkon mukaisesti:
vakituinen henkilö = #{
fname: 'Tai' ,
nimi: 'Usman' ,
ikä: kaksikymmentäyksi ,
}
console.log ( henkilö.fnimi )
console.log ( henkilö.lnimi )
console.log ( henkilö.ikä )
Yllä olevassa koodilohkossa:
-
- ' henkilö ' viittaa uuteen 'tietueeseen', jossa on seuraavat avaimet 'fname', 'lname' ja 'age'.
- Seuraavaksi ' konsoli. Hirsi() ' -menetelmä näyttää 'henkilö'-avainarvot yksitellen.
Huomautus: Käyttäjä voi myös määrittää 'Records'-sisällön yhdelle riville seuraavasti:
vakituinen henkilö = #{fname: 'Ali', lnimi: 'Usman', ikä: 21}
Lähtö
Voidaan nähdä, että tulos näyttää kaikki luodun Tietueen “person” avainarvot.
Tietueiden rajoitus
'Record' ei hyväksy 'Array' ja 'Object' avaimekseen. Jos käyttäjä välittää ne tietueelle, kääntäjä luo ' Tyyppivirhe ”. Seuraava koodilohko näyttää sen käytännössä:
const newRecord = #{arr: [ 'HTML' , 'CSS' , 'JavaScript' ]
}
console.log ( henkilö.arr )
Yllä olevilla koodiriveillä:
-
- ' uusi Record ' alustaa avaimekseen taulukon nimeltä 'arr'.
- Seuraavaksi ' konsoli. Hirsi() ' näyttää 'newRecord'-kohdassa määritetyn 'arr'-näppäimen arvon.
Lähtö
Konsoli näyttää 'TypeError(passing un-expected type)', koska 'Records' ei hyväksy taulukkoa avaimeksi.
JavaScript-tietueiden ymmärtäminen esimerkkien avulla
Tämä osio kattaa 'Tietueiden' käyttötavat käytännössä annettujen esimerkkien avulla.
Aloitetaan ensimmäisestä esimerkistä.
Esimerkki 1: Tietueet ovat syvästi muuttumattomia
JavaScript ' Records ” ovat syvästi muuttumattomia primitiivisiä tyyppejä. 'Syvästi muuttumaton' tarkoittaa, että kaikkia tietueen avainarvoja ei voi muokata tai muuttaa millään tasolla sen jälkeen, kun ne on asetettu. 'Primitiiviset' tyypit tarkoittavat kaikkia JavaScriptin perustietotyyppejä, kuten merkkijono, numero, null, määrittelemätön ja monia muita.
Seuraava koodilohko näyttää esitetyn konseptin käytännössä:
const myRecord = #{nimi: 'Tai' ,
ikä: kaksikymmentäyksi ,
}
myRecord.name= 'Haaruuni'
Yllä olevassa koodilohkossa ' myRecord 'näppäin' nimi ”-arvoa muutetaan sen alustamisen jälkeen.
Lähtö
Voidaan havaita, että kääntäjä näyttää 'TypeError'-ilmoituksen 'newRecord'-avaimen arvoa muuttaessa.
Esimerkki 2: Tietueet ovat vertailevia
Tietueiden tärkein etu on, että niitä verrataan niiden arvojen, ei identiteetin perusteella. 'Objektit' taas vertailevat identiteettinsä, eivät arvojensa mukaan. Jos kaksi tietuearvoa ovat yhtä suuret, kääntäjä hakee tosi.
Katsotaanpa sitä käytännössä annettujen koodirivien avulla:
const myRecord = #{nimi: 'Tai' ,
ikä: kaksikymmentäyksi ,
}
console.log ( myRecord === #{
nimi: 'Tai' ,
ikä: kaksikymmentäyksi ,
} ) ;
Tässä yllä oleva koodinpätkä luo kaksi tietuetta, joita verrataan ' tiukka tasa-arvo (===)'-operaattori.
Lähtö
Tulos palauttaa ' totta ' Boolen arvo, joka tarkoittaa, että määritetyt operaattorit eli 'tietueet' ovat yhtä suuret.
Esimerkki 3: Muunna tietue objektiksi
JavaScript “Records” voidaan myös muuntaa “Object”-tietotyypiksi “Object”-konstruktorin avulla. Tässä sen käytännön toteutus:
antaa myRecord = #{ Yksi: 1, kaksi: 2 }console.log ( Esine ( myRecord ) )
console.log ( myRecord-tyyppi )
Yllä olevilla koodiriveillä:
-
- Ensimmäinen ' lconsole.and() ' -menetelmä käyttää 'Object'-konstruktoria muuntaakseen ' myRecord 'objektiksi.
- Toinen 'console.log()'-menetelmä käyttää ' tyyppi '-avainsana tarkistaaksesi 'myRecord'-tyypin.
Lähtö
Tulos näyttää muunnetun 'newRecord' muodossa ' Esine ' -tyyppi, joka vahvistaa, että 'newRecord' on onnistuneesti muunnettu 'objektiksi'.
Esimerkki 4: Muunna objekti tietueeksi
Käyttäjä voi myös muuntaa 'objektin' 'tietueeksi' vertailua varten ' Ennätys() ”menetelmä. Tehdään se käytännössä:
antaa myObj = { Yksi: 1 , kaksi: 2 }antaa myRecord = Record ( myObj )
console.log ( myRecord )
Nyt yllä oleva koodinpätkä käyttää ' Ennätys() ' -menetelmä muuntaa annetun 'myObj'-objektin 'myRecord'-muotoon.
Lähtö
Tulos näyttää onnistuneesti muunnetun objektin 'myObj' 'myRecord'-sisällöksi.
Esimerkki 5: Luo uusia tietueita olemassa olevista tietueista
Kuten ensimmäisessä esimerkissä käsiteltiin, 'tietueet' ovat muuttumattomia, eli niiden avainarvoja ei voi muuttaa. Käyttäjä voi kuitenkin luoda uuden 'tietueen' olemassa olevasta 'tietueesta' muiden arvojen lisäämisen ohella.
Luo uusi tietue olemassa olevasta tietueesta noudattamalla annettua koodinpätkää:
antaa oldRecord = #{A: 1, B: 2};antaa newRecord = #{ ...myRecord, C: 3, D:4}
console.log ( uusi Record )
Yllä olevassa JavaScript-koodissa:
-
- ' oldRecord ' viittaa olemassa olevaan tietueeseen, jolla on kaksi avainarvoa.
- Seuraavaksi ' uusi Record ' vastaa uutta tietuetta, joka luodaan olemassa olevan 'oldRecord'-tiedoston avulla ja myös lisäämällä uudet määritetyt avainarvot.
- Lopuksi ' konsoli. Hirsi() ' näyttää juuri luodun tietueen nimeltä 'newRecord'.
Lähtö
Tulos näyttää kaikki juuri luodun tietueen avainarvot.
Esimerkki 6: Käytä tietueita 'Object.keys()' -menetelmällä
Käyttäjä voi käyttää sisäänrakennettua JavaScriptiä ' avaimet () 'menetelmä' Esine ' päästäksesi tietueen näppäimiin. Tässä skenaariossa sitä käytetään 'myRecord'-näppäinten käyttämiseen:
antaa myRecord = #{A: 1, B: 2};antaa recordKeys = Object.keys ( myRecord ) ;
console.log ( RecordKeys )
Yllä oleva koodinpätkä käyttää ' Object.keys() ' -menetelmää käyttääksesi kaikkia 'myRecordissa' olevia avaimia.
Lähtö
Tulos näyttää kaikki “myRecordin” avaimet taulukkomuodossa sekä niiden indeksit avain-arvoparimuodossa.
Johtopäätös
JavaScript ' Records ” ovat edistyneen tason tietotyyppi, joka on syvästi muuttumaton. Se toimii samalla tavalla kuin 'Objekti', mutta tärkein ero on, että sen arvoa voidaan muuttaa tai päivittää, kun se on asetettu. Se vaatii '#(hash)'-symbolin ennen kiharaa aaltosulkua, muuten se toimii objektina. Tässä oppaassa selitettiin lyhyesti JavaScript-tietueiden tietotyyppi.