Vad är JavaScript-objekt?
Objekt är de grundläggande byggstenarna för varje objektorienterat språk. JavaScript som ett objektorienterat språk är inget undantag från detta koncept. Med att javascript används i stor utsträckning på grund av dess förmåga att tillhandahålla dynamiskt beteende till webbsidor bör man vara medveten om javascript och hur man arbetar med sina objekt.
Objekt i javascript är en grupp olika datatyper eller objekt sammansatta som "nyckelvärde" -par. Objektets "nyckel" -del är inget annat än objektets egenskaper.
Låt oss till exempel betrakta att vi har ett objekt "Student", där dess egenskaper är: förnamn, efternamn, ålder, student_id, klass, etc. Javascript-objektrepresentationen för detta studentobjekt skulle representeras på följande sätt:
var student = ( first_name : 'Anamika',
last_name : 'Rai',
age : 14,
student_id : 20,
class : 'VIII D'
)
Observera här att egenskaperna förnamn, efternamn och klass innehåller värden för strängdatatyp, medan ålder och student_id är av sifferdatatypen.
Hur skapar jag ett objekt i JavaScript?
För att skapa objekt ger javascript ett par alternativ med vilka man kan skapa objekt enligt ens behov.
1. Använda syntax för objektinitierare
Objektinitieringssyntax är en lista över egendomens namn (nycklar) tillsammans med deras respektive värden, inneslutna i lockiga hängslen ((…)). I exemplet ovan har vi skapat objektet "student" med syntaxen för objektinitierare. Syntaxen är som följer:
var object = ( prop_1 : val_1,
prop_2 : val_2,
… … …
prop_n: val_n)
Här är egenskaperna antingen av en primitiv datatyp (sträng, antal, booleska, noll och odefinierade är de primitiva datatyperna i javascript) eller ett annat objekt.
Till exempel
var student = ( first_name : 'Anamika',
last_name : 'Rai',
age : 14,
student_id : 20,
class : 'VIII D'
parents : (father : 'Mrinal Rai', mother : 'Payal Rai')
)
Observera att här "föräldrar" -egenskapen är av typobjekt. Det består av två underegenskaper, nämligen far respektive mor.
2. Använda konstruktörens funktion
I det här fallet definierar man först en konstruktorfunktion med dess respektive egenskaper, som sedan skapar sitt objekt med hjälp av det ”nya” nyckelordet. Tilldela sedan värdena till detta nyskapade objekt.
Till exempel: Låt oss överväga en konstruktörsfunktion, säg Student:
function Student(name, age, gender)(
this.name= name;
this.age = age;
this.gender = gender;
)
Observera att konstruktörens namn bör börja med en stor bokstav enligt namnskonventionen.
Låt oss nu skapa objektet med det "nya" nyckelordet.
var myStudent = new Student('Anita Rai', 14, 'female');
Observera också att här överför vi bara värdena till konstruktören. Konstruktören tilldelar dessa värden till respektive egenskaper med hjälp av "detta" nyckelord. Det aktuella objektet hänvisas till med hjälp av "det här" nyckelordet.
3. Använda förekomsten av ett objekt
Alternativt kan man använda objektinstansen / objektkonstruktören för att skapa och initiera det enligt följande:
var student = new Object();
student.name = “Anita Rai”;
student.age = 14;
student.gender = “female”;
4. Använda metoden Create () i Object Class
Man kan också skapa objekt genom att använda metoden create () som tillhandahålls av objektklassen. Skapa metoden tar in en objektprototyp som en parameter. På grund av detta kan man undvika att behöva skriva en konstruktionsfunktion.
Till exempel
var student = ( name : “Anamika Rai”, age : 14, gender : “female” )
Här är "student" vårt prototypobjekt. Nu använder vi det här låt oss skapa ett annat objekt:
var student_1 = object.create(student);
Här skapas student_1-objektet med hjälp av studentprototypen. Om man behöver ändra något av värdena till detta nyskapade objekt görs det på följande sätt:
Student_1.name = “Ananya Gupta”;
Student_1-objektet har liknande egenskaper som värdet för studentobjekt förutom egenskapen "namn".
Hur får man åt objekt i JavaScript?
Nu när objektet skapas är nästa sak man behöver veta hur vi får åtkomst till det? Javascript ger två sätt att använda vilka man kan komma åt objektet:
1. Använda ett objektinstans
Här används objektinstansen för att komma åt dess egenskaper.
Syntax: object.property
Till exempel: anser att vi har en objektstudent definierad,
var student = ( name : “Anamika Rai”, age : 14, gender : “female” )
För att komma åt objektet och dess egenskaper, låt oss skriva ut det till konsolen:
console.log (“Student” + student.name + “is” + student.age + “years old.”);
// output: Student Anamika Rai is 14 years old.
2. Använda fyrkantiga konsoler
Objektegenskapen placeras inom fyrkantiga parenteser efter själva objektet.
Syntax: object('property')
Exempel: Få åtkomst till ovanstående studentobjekt med fyrkantiga parenteser,
console.log (“Student” + student('name') + “is” + student('age ') + “years old.”);
// output: Student Anamika Rai is 14 years old.
JavaScript-objektmetoder
Få mest använda javascriptmetoder är följande:
- create (): Som vi redan har sett ovan används den här metoden för att skapa javascript-objekt från ett prototypobjekt.
- är (): Denna metod tar in ett andra objekt som en parameter och bestämmer om båda objekten är lika och returnerar ett booleskt värde. Det är om båda föremålen är lika kommer "sant" att returneras, annars "falskt".
- nycklar (): Metoden nycklar () tar in javascriptobjektet som en parameter och returnerar en matris med dess egenskaper.
- värden (): På samma sätt tar värdemetoden in ett javascriptobjekt som en parameter och returnerar en matris med dess värden.
- poster (): Den här metoden tar också in ett javascript-objekt som en parameter och returnerar en matris, som innehåller en annan matris med båda nyckelvärdespar. Exempel: Låt oss betrakta vårt "student" -objekt ännu en gång,
console.log(Object.entries(student));
//output: Array (Array ("name", "Anamika Rai"), Array ("age", 14), Array ("gender", "female"))
Slutsats
Den här artikeln ger en uppfattning om exakt javascriptobjekt och olika sätt man kan skapa dem. Den diskuterar också egenskaperna för dessa objekt och hur man kan komma åt dem på olika sätt. Slutligen, de mest använda metoderna man måste vara medveten om för att arbeta med javascript-objekt.
Rekommenderade artiklar
Detta är en guide till JavaScript-objekt. Här diskuterar vi hur man skapar ett objekt i JavaScript och hur man får åtkomst till objekt i JavaScript. Du kan också titta på följande artiklar för att lära dig mer -
- Konstruktör i JavaScript
- Överbryter i JavaScript
- Funktioner i JavaScript
- Hur JavaScript fungerar
- Objekt i Java