Allt du behöver veta om JavaScript-objekt



Den här bloggen om JavaScript-objekt kommer att ge fördjupad kunskap om olika metoder för att definiera och skapa nya objekt i javascript med exempel.

är ett objektorienterat programmeringsspråk. Objekten bildar byggstenarna som anses vara den viktigaste datatypenför programmeringsspråket. Den här artikeln kommer att ge fördjupad kunskap om JavaScript-objekt, hur de skapas och definieras i följande ordning:

JavaScript-objekt

objekt liknar objekt i verkliga livet som består av olika attribut och egenskaper. Dessa objekt definieras som en oordnad samling av relaterade data, som är av primitiva eller referenstyper. Dessa definieras i form av 'key: value' -par.





JavaScript - javascript-objekt - Edureka

Dessa tangenter är variabler eller funktioner som kallas som egenskaper och metoder för ett objekt. Du kan skapa ett JavaScript-objekt som:



låt ObjectName = {Property1: 'Value', Property2: 'Value', ... ...}

Hur skapar jag ett nytt objekt?

Det finns tre sätt att skapa ett nytt objekt:

  • Av bokstavligt objekt

Syntax:

c ++ goto uttalande
object = {property1: value1, property2: value2 ..... propertyN: valueN}

Exempel:



anställd = {id: 700, namn: 'Evan', lön: 30000} document.write (anställd.id + '' + anställd.namn + '' + anställd. lön)

Produktion:

700 Evan 30000
  • Genom att skapa instans av objekt

Syntax:

var objektnamn = nytt objekt ()

Exempel:

var emp = nytt objekt () emp.id = 701 emp.name = 'Karan' emp.salary = 40000 document.write (emp.id + '' + emp.name + '' + emp.salary)

Produktion:

701 Karan 40000
  • Genom att använda en objektkonstruktör

En funktion skapas med argument. Varje argumentvärde kan tilldelas i det aktuella objektet med hjälp av detta nyckelord.

Exempel:

funktion anställd (id, namn, lön) {this.id = id this.name = namn detta. lön = lön} emp = nyanställd (702, 'Neha', 35000) document.write (emp.id + '' + emp .name + '' + emp.salary)

Produktion:

702 Neha 35000

Egenskaper

TILL fast egendom av ett objekt är en variabel som är fäst vid objektet. De är i princip desamma som JavaScript-variabler, med undantag för bilagan till objekt.

hur man sorterar en matris i stigande ordning c ++

Objektets egenskaper definierar objektets egenskaper. Du kan komma åt egenskaperna för ett objekt med en enkel punktnotering som:

objectName.propertyName

Du kan definiera en egendom genom att tilldela den ett värde. Låt oss till exempel skapa ett objekt som heter Bil och ge det egenskaper som företag, modell och Färg . Det kan definieras som:

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

Metoder

TILL metod är en fungera associerad med ett objekt. Det är också en egenskap hos ett objekt. Metoder definieras som de normala funktionerna men de måste tilldelas som fast egendom av ett objekt.

Objektmetoden kan nås som:

objectName.methodName ()

Exempel:

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

Produktion:

Tessa Den

Några av de vanliga inbyggda metoderna är:

Metoder Beskrivning
Object.assign () Den används för att kopiera uppräkningsbara och egna egenskaper från ett källobjekt till ett målobjekt
Object.create () Det används för att skapa ett nytt objekt med det angivna prototypobjektet och egenskaperna
Object.defineProperty () Den används för att definiera beteendeattribut för egenskapen
Object.entries () Det returnerar en array med nyckel- och värdeparen
Objekt. Frys () Det förhindrar att befintliga fastigheter tas bort

Tillbehör

JavaScript-accessorerna består av Getters och Setters som används för att definiera objekttillbehör.

  • Sökordet Get

Låt oss ta ett exempel och se hur Getters är vana vid skaffa sig fastighetens värde:

ssis tutorial för nybörjare 2012 med exempel
var person = {firstName: 'Daisy', lastName: 'Green', empid: 401, get id () {return this.empid}} document.getElementById ('demo'). innerHTML = person.id

Produktion:

401
  • Ställ in nyckelordet

Låt oss ta ett exempel och se hur Setters är vana vid uppsättning fastighetens värde:

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

Produktion:

401

Prototyper

Alla JavaScript-objekt ärver egenskaper och metoder från en prototyp. Till exempel:

  • Datum objekt ärver från Datum. Prototyp
  • Array objekt ärver från Array.prototype
  • Person objekt ärver från Person. Prototyp

JavaScript prototyp egenskap används för att lägga till nya egenskaper till objektkonstruktörer.

Exempel:

funktion Person (första, sista, id, ålder) {this.firstName = först this.lastName = senaste this.empid = id this.age = age} Person.prototype.nationality = 'Indian'

Prototypegenskapen låter dig också lägga till nya metoder för objektkonstruktörer.

Exempel:

funktion Person (första, sista, id, ålder) {// Lägga till metoder för konstruktörer this.firstName = först this.lastName = senaste this.empid = id this.age = age} Person.prototype.name = funktion () {return this.firstName + '' + this.lastName}

Du kan ändra dina egna prototyper men aldrig ändra prototyperna för vanliga JavaScript-objekt.

Med detta har vi kommit till slutet av vår artikel. Jag hoppas att du förstod JavaScript-objekt och de olika metoderna för att definiera dem.

Nu när du känner till JavaScript-objekt, kolla in av Edureka. Webbutvecklingscertifieringsträning hjälper dig att lära dig hur du skapar imponerande webbplatser med HTML5, CSS3, Twitter Bootstrap 3, jQuery och Google API: er och distribuerar den till Amazon Simple Storage Service (S3).

Har du en fråga till oss? Vänligen nämna det i kommentarsektionen i “JavaScript-objekt” så återkommer vi till dig.