JavaScript-Olioiden Ominaisuuksien Käsittely
Tarkastelemme kahta tapaa olion ominaisuuksien käsittelemiseen: piste-merkintä ja hakaisulauseke. Näiden menetelmien avulla voit hakea tiettyjä arvoja olioista, ja käsittelemme tilanteita, joissa kumpaakin tapaa käytetään yleisesti.
Ominaisuuksien käsittely piste-merkinnällä
Piste-merkintä on ensisijainen ja yksinkertaisin tapa ominaisuuksien käsittelemiseen. Viittaat olioon, lisäät pisteen ja määrität ominaisuuden nimen.
1234567891011const employee = { companyName: "Schuster, Mertz and Marks", name: "Miss Alma Boyer", address: "2277 Karine Plains", workedYears: 4, remote: false, }; console.log(employee.name); // Output: Miss Alma Boyer console.log(employee.address); // Output: 2277 Karine Plains console.log(employee.lastName); // Output: undefined
- Jos yrität käyttää ominaisuutta, jota ei ole olemassa, JavaScript palauttaa
undefined; undefinedei tulostu, kun suoritat koodin.
Ominaisuuksien käyttäminen hakasulkeilla
Hakasulkeita käytetään, kun ominaisuuden nimeä ei tiedetä etukäteen, kun nimi sisältää välilyöntejä tai erikoismerkkejä, tai kun nimi on tallennettu muuttujaan.
1234567891011const employee = { companyName: "Schuster, Mertz and Marks", name: "Miss Alma Boyer", address: "2277 Karine Plains", workedYears: 4, remote: false, }; console.log(employee["name"]); // Output: Miss Alma Boyer console.log(employee["address"]); // Output: 2277 Karine Plains console.log(employee["lastName"]); // Output: undefined
Tämä menetelmä käyttää ominaisuuden nimeä merkkijonona hakasulkeissa. Se mahdollistaa dynaamisen ominaisuuden haun, mikä voi olla hyödyllistä käsiteltäessä monimutkaisempaa dataa.
Sisäkkäisten ominaisuuksien käsittely
Objektit sisältävät usein muita objekteja. Pistenotaatiolla voidaan hakea syvälle sisäkkäisiin arvoihin ketjuttamalla ominaisuuksien nimet.
1234567891011121314151617const course = { courseName: "Applied Science", courseDuration: "48 hours", author: { position: "Nuclear Physicist", age: 43, name: { first: "Mattie", last: "Crooks", }, }, }; console.log(course.author.position); // Output: Nuclear Physicist console.log(course.author.age); // Output: 43 console.log(course.author.name.first); // Output: Mattie console.log(course.author.name.last); // Output: Crooks
Tässä esimerkissä päästään käsiksi ominaisuuksiin eri syvyystasoilla product-olion sisällä.
1. Mitkä ovat tavat päästä käsiksi olion ominaisuuksiin?
2. Mitä palautetaan, kun käytetään pisteoperaattoria olion ominaisuuden hakemiseen ja ominaisuutta ei ole olemassa?
3. Tarkastele seuraavaa monimutkaista oliota, joka kuvaa henkilön yhteystietoja. Kuinka voit hakea postinumeron person-oliosta? Valitse kaikki mahdolliset vaihtoehdot.
Kiitos palautteestasi!
Kysy tekoälyä
Kysy tekoälyä
Kysy mitä tahansa tai kokeile jotakin ehdotetuista kysymyksistä aloittaaksesi keskustelumme
Can you explain when to use dot notation versus square brackets?
What happens if I try to access a property that doesn't exist?
Can you show more examples of accessing nested properties?
Mahtavaa!
Completion arvosana parantunut arvoon 2.27JavaScript-Olioiden Ominaisuuksien Käsittely
Pyyhkäise näyttääksesi valikon
Tarkastelemme kahta tapaa olion ominaisuuksien käsittelemiseen: piste-merkintä ja hakaisulauseke. Näiden menetelmien avulla voit hakea tiettyjä arvoja olioista, ja käsittelemme tilanteita, joissa kumpaakin tapaa käytetään yleisesti.
Ominaisuuksien käsittely piste-merkinnällä
Piste-merkintä on ensisijainen ja yksinkertaisin tapa ominaisuuksien käsittelemiseen. Viittaat olioon, lisäät pisteen ja määrität ominaisuuden nimen.
1234567891011const employee = { companyName: "Schuster, Mertz and Marks", name: "Miss Alma Boyer", address: "2277 Karine Plains", workedYears: 4, remote: false, }; console.log(employee.name); // Output: Miss Alma Boyer console.log(employee.address); // Output: 2277 Karine Plains console.log(employee.lastName); // Output: undefined
- Jos yrität käyttää ominaisuutta, jota ei ole olemassa, JavaScript palauttaa
undefined; undefinedei tulostu, kun suoritat koodin.
Ominaisuuksien käyttäminen hakasulkeilla
Hakasulkeita käytetään, kun ominaisuuden nimeä ei tiedetä etukäteen, kun nimi sisältää välilyöntejä tai erikoismerkkejä, tai kun nimi on tallennettu muuttujaan.
1234567891011const employee = { companyName: "Schuster, Mertz and Marks", name: "Miss Alma Boyer", address: "2277 Karine Plains", workedYears: 4, remote: false, }; console.log(employee["name"]); // Output: Miss Alma Boyer console.log(employee["address"]); // Output: 2277 Karine Plains console.log(employee["lastName"]); // Output: undefined
Tämä menetelmä käyttää ominaisuuden nimeä merkkijonona hakasulkeissa. Se mahdollistaa dynaamisen ominaisuuden haun, mikä voi olla hyödyllistä käsiteltäessä monimutkaisempaa dataa.
Sisäkkäisten ominaisuuksien käsittely
Objektit sisältävät usein muita objekteja. Pistenotaatiolla voidaan hakea syvälle sisäkkäisiin arvoihin ketjuttamalla ominaisuuksien nimet.
1234567891011121314151617const course = { courseName: "Applied Science", courseDuration: "48 hours", author: { position: "Nuclear Physicist", age: 43, name: { first: "Mattie", last: "Crooks", }, }, }; console.log(course.author.position); // Output: Nuclear Physicist console.log(course.author.age); // Output: 43 console.log(course.author.name.first); // Output: Mattie console.log(course.author.name.last); // Output: Crooks
Tässä esimerkissä päästään käsiksi ominaisuuksiin eri syvyystasoilla product-olion sisällä.
1. Mitkä ovat tavat päästä käsiksi olion ominaisuuksiin?
2. Mitä palautetaan, kun käytetään pisteoperaattoria olion ominaisuuden hakemiseen ja ominaisuutta ei ole olemassa?
3. Tarkastele seuraavaa monimutkaista oliota, joka kuvaa henkilön yhteystietoja. Kuinka voit hakea postinumeron person-oliosta? Valitse kaikki mahdolliset vaihtoehdot.
Kiitos palautteestasi!
