Alt hvad du behøver at vide om JavaScript-objekter



Denne blog om JavaScript-objekt vil give dybdegående viden om forskellige metoder til at definere og oprette nye objekter i javascript med eksempler.

er et objektorienteret programmeringssprog. Objekterne danner byggestenene, der betragtes som den vigtigste datatypetil programmeringssprog. Denne artikel vil give dybdegående viden om JavaScript-objekter, hvordan de oprettes og defineres i følgende rækkefølge:

JavaScript-objekt

objekter ligner objekter i det virkelige liv, som består af forskellige attributter og egenskaber. Disse objekter er defineret som en uordnet samling af relaterede data, der er af primitive eller referencetyper. Disse defineres i form af 'nøgle: værdi' -par.





JavaScript - javascript-objekt - Edureka

Disse taster er variabler eller funktioner som kaldes som egenskaber og metoder til et objekt. Du kan oprette et JavaScript-objekt som:



lad ObjectName = {Property1: 'Value', Property2: 'Value', ... ...}

Hvordan oprettes et nyt objekt?

Der er 3 måder at oprette et nyt objekt på:

  • Af bogstaveligt objekt

Syntaks:

objekt = {ejendom1: værdi1, ejendom2: værdi2 ..... ejendomN: værdiN}

Eksempel:



medarbejder = {id: 700, navn: 'Evan', løn: 30000} document.write (medarbejder.id + '' + medarbejder.navn + '' + medarbejder.løn)

Produktion:

700 Evan 30000
  • Ved at oprette forekomst af objekt

Syntaks:

var objektnavn = nyt objekt ()

Eksempel:

sorter array i c ++
var emp = nyt objekt () emp.id = 701 emp.name = 'Karan' emp.salary = 40000 document.write (emp.id + '' + emp.name + '' + emp.salary)

Produktion:

701 Karan 40000
  • Ved at bruge en objektkonstruktør

En funktion oprettes med argumenter. Hver argumentværdi kan tildeles i det aktuelle objekt ved hjælp af dette nøgleord.

Eksempel:

funktion medarbejder (id, navn, løn) {this.id = id this.name = name this.salary = løn} emp = ny medarbejder (702, 'Neha', 35000) document.write (emp.id + '' + emp .name + '' + emp.salary)

Produktion:

702 Neha 35000

Ejendomme

TIL ejendom af et objekt er en variabel der er fastgjort til objektet. De er dybest set de samme som JavaScript-variabler, bortset fra vedhæftet fil til objekter.

Objektets egenskaber definerer objektets egenskaber. Du kan få adgang til egenskaberne for et objekt med en simpel priknotation som:

objectName.propertyName

Du kan definere en egenskab ved at tildele den en værdi. Lad os f.eks. Oprette et objekt med navnet Bil og giv det egenskaber som firma, model og farve . Det kan defineres som:

var Car = new Object () Car.company = 'Ford' Car.model = 'Mustang' Car.color = 'Red'

Metoder

TIL metode er en fungere forbundet med et objekt. Det er også en genstand for et objekt. Metoder defineres som de normale funktioner, men de skal tildeles som ejendom af et objekt.

Objektmetoden kan tilgås som:

objectName.methodName ()

Eksempel:

var person = {firstName: 'Tessa', lastName: 'Den', empid: 7100, fullName: function () {returner this.firstName + '' + this.lastName}}

Produktion:

Tessa Den

Nogle af de almindeligt anvendte indbyggede metoder er:

Metoder Beskrivelse
Object.assign () Det bruges til at kopiere en række og egne egenskaber fra et kildeobjekt til et målobjekt
Object.create () Det bruges til at oprette et nyt objekt med det specificerede prototypeobjekt og egenskaber
Object.defineProperty () Det bruges til at definere egenskaberne for adfærd
Object.entries () Det returnerer en array med nøgle- og værdiparene
Objekt. Frost () Det forhindrer de eksisterende egenskaber i at blive fjernet

Tilbehør

JavaScript Accessors består af Getters og Settere som bruges til at definere objekttilbehøret.

  • Få nøgleordet

Lad os tage et eksempel og se hvordan Getters er vant til enhver værdi af ejendommen:

var person = {firstName: 'Daisy', lastName: 'Green', empid: 401, get id () {return this.empid}} document.getElementById ('demo'). innerHTML = person.id

Produktion:

401
  • Sæt nøgleordet

Lad os tage et eksempel og se hvordan Settere er vant til sæt enhver værdi af ejendommen:

var person = {firstName: 'Daisy', lastName: 'Green', empid: 00, set id (value) {this.empid = value}} person.id = 401 document.getElementById ('demo'). innerHTML = person .empid

Produktion:

python __init__ klasse
401

Prototyper

Alle JavaScript-objekter arver egenskaber og metoder fra en prototype. For eksempel:

  • Dato objekter arver fra Dato. Prototype
  • Array objekter arver fra Array.prototype
  • Person objekter arver fra Person.prototype

JavaScript prototype egenskab bruges til at tilføje nye egenskaber til objektkonstruktører.

Eksempel:

funktion Person (første, sidste, id, alder) {this.firstName = først this.lastName = sidste this.empid = id this.age = age} Person.prototype.nationality = 'Indian'

Prototype-egenskaben giver dig også mulighed for at tilføje nye metoder til objektskonstruktører.

Eksempel:

funktion Person (første, sidste, id, alder) {// Tilføjelse af metoder til konstruktører this.firstName = først this.lastName = sidste this.empid = id this.age = age} Person.prototype.name = funktion () {return this.firstName + '' + this.lastName}

Du kan ændre dine egne prototyper, men aldrig ændre prototyperne på standard JavaScript-objekter.

Med dette er vi kommet til slutningen af ​​vores artikel. Jeg håber, du har forstået JavaScript-objekter og de forskellige metoder til at definere dem.

Nu hvor du kender JavaScript-objekter, skal du tjekke af Edureka. Webudvikling certificeringstræning hjælper dig med at lære, hvordan du opretter imponerende websteder ved hjælp af HTML5, CSS3, Twitter Bootstrap 3, jQuery og Google API'er og distribuerer det til Amazon Simple Storage Service (S3).

Har du et spørgsmål til os? Nævn det i kommentarfeltet i “JavaScript-objekt”, og vi vender tilbage til dig.