Javascript-objectsleutels

| | | | | |

De Object.keys () JavaScript-methode haalt de sleutels in een object op en retourneert een lijst die de sleutels bevat. De volgorde van de sleutels in de definitieve lijst is de volgorde waarin ze in het oorspronkelijke object voorkomen

JavaScript (JS)-objecten bestaan uit twee hoofdonderdelen: .. Sleutels en waarden

Als u met een object werkt, kan het nodig zijn om een lijst met bijbehorende sleutels op te halen. Dit is waar de JavaScript-methode Object.keys () van pas komt. Met deze methode kunt u een lijst genereren met alle eigenschapsnamen in een object. Aan de hand van voorbeelden

In deze zelfstudie wordt uitgelegd hoe u de methode Object.keys () gebruikt om een lijst met sleutels te retourneren die in een object zijn opgeslagen. We zullen ook kort de structuur van JavaScript

JavaScript-objecten bespreken. Een update

Objecten (met een hoofdletter "O") zijn het gegevenstype van toewijzing in JavaScript. Sleutel waarde kaart. De waarden die door een object worden vastgelegd, kunnen tekenreeksen, getallen, Booleans en andere gegevenstypen bevatten. Hier is een voorbeeld van een object in JavaScript:

de woorden links van de dubbele punt (:) zijn de sleutels van ons woordenboek. De woorden rechts van de dubbele punt zijn de waarden. Je kunt JavaScript-objecten zien als het equivalent van een Python-woordenboek, maar dan in JavaScript.

JavaScript Object.keys ()

De methode JavaScript Object.keys () retourneert alle sleutels` binnen een JavaScript-object of een JSON-object. Deze sleutels worden opgeslagen in de volgorde waarin ze in het object verschijnen

De syntaxis voor de methode Object.keys () is:.

De Object.keys () methode heeft één parameter nodig: de naam van het object waarvan u de sleutels wilt ophalen. Deze methode retourneert de namen van alle sleutels voor het opgegeven object, opgeslagen als een JavaScript-lijst

Merk op dat de methode zelf Object wordt genoemd .keys (). in feite is de ()-sleutels een objectmethode. u moet het object opgeven waarvan u de sleutels wilt ophalen als een .keys ()-objectparameter. Het is niet mogelijk om sleutels () aan een object toe te voegen omdat dat object heeft geen toegang tot de methode keys ().

JavaScript-voorbeeld Object.keys ()

We zullen u door een voorbeeld leiden om te illustreren hoe deze methode werkt.

Eerder hebben we een woordenboek gemaakt met de naam "job_description", dat een overzicht geeft van informatie over een baan die beschikbaar is bij een plaatselijke supermarkt. Het object bevat een Boolean JavaScript < /a>, een string, en a n geheel getal. stel nu dat we een lijst met sleutels in dit woordenboek willen ophalen.

we zouden deze lijst kunnen maken met de volgende code:

= const job_description { position: "Sales Assistant", floor_worker: true, hours_per_week: 38}; var job_keys = Object.keys (job_description); console.log (job_keys); 

Onze code geeft als resultaat:

Eerst hebben we een constante gedeclareerd met de naam "job_description", die een object opslaat met informatie over een baan die beschikbaar is bij een plaatselijke supermarkt.

Volgende , hebben we Object.keys () gebruikt om een lijst met sleutels op te halen die aan het woordenboek zijn gekoppeld en hebben we de lijst toegewezen aan de variabele "job_keys". Vervolgens hebben we de inhoud van de "job_keys"-lijst JavaScript-console afgedrukt.

Zoals u kunt zien, heeft onze code een lijst geretourneerd die drie waarden. Elke waarde vertegenwoordigt een unieke sleutelnaam in ons object

JS Object.keys (): .. Ander voorbeeld

Laten we een ander voorbeeld bespreken van het gebruik van deze methode

Stel dat we een lijst van de sleutels van ons object willen afdrukken, voorafgegaan door " Sleutelnaam:". We zouden het met deze code kunnen doen:

Onze code geeft als resultaat:

We hebben eerst ons "job_description"-object gedefinieerd waarvan we de sleutels naar de console willen afdrukken. Vervolgens hebben we de JS-methode Object.keys () gebruikt om een lijst met sleutels voor ons object op te halen

Vervolgens gebruik ik graag een "for ... of"-lus voor iteratie via elke sleutel in ons object "job_description"

Voor elke sleutel hebben we "Sleutelnaam:" afgedrukt, gevolgd door de sleutelnaam, naar de console. Als u meer wilt weten over hoe u ..." loops werken, lees onze Beginner`s Guide to JavaScript Loops for Loops .