Tout ce que vous devez savoir sur les objets JavaScript

Ce blog sur JavaScript Object fournira des connaissances approfondies sur les différentes méthodes pour définir et créer de nouveaux objets en javascript avec des exemples.

est un langage de programmation orienté objet. Les objets forment les blocs de construction qui sont considérés comme le type de données le plus importantpour le langage de programmation. Cet article fournira des connaissances approfondies sur les objets JavaScript, comment ils sont créés et définis dans l'ordre suivant:

Objet JavaScript

les objets sont similaires aux objets de la vie réelle qui se composent de différents attributs et propriétés. Ces objets sont définis comme une collection non ordonnée de données associées, qui sont de types primitifs ou de référence. Celles-ci sont définies sous la forme de paires «clé: valeur».





JavaScript - objet javascript - Edureka

Ces clés sont des variables ou les fonctions qui sont appelés comme propriétés et méthodes d'un objet. Vous pouvez créer un objet JavaScript comme:



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

Comment créer un nouvel objet?

Il existe 3 façons de créer un nouvel objet:

  • Par objet littéral

Syntaxe:

object = {propriété1: valeur1, propriété2: valeur2 ..... propriétéN: valeurN}

Exemple:



employé = {id: 700, nom: 'Evan', salaire: 30000} document.write (employ.id + '' + nom.employé + '' + employé.salaire)

Production:

700 Evan 30000
  • En créant une instance d'objet

Syntaxe:

var nom_objet = nouvel objet ()

Exemple:

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

Production:

701 Karan 40000
  • En utilisant un constructeur d'objets

Une fonction est créée avec des arguments. Chaque valeur d'argument peut être affectée dans l'objet courant en utilisant cette mot-clé.

Exemple:

fonction employé (id, nom, salaire) {this.id = id this.name = nom this.salary = salaire} emp = nouvel employé (702, 'Neha', 35000) document.write (emp.id + '' + emp .name + '' + emp.salaire)

Production:

702 Neha 35000

Propriétés

À propriété d'un objet est un variable qui est attaché à l'objet. Ils sont fondamentalement les mêmes que les variables JavaScript, à l'exception de l'attachement aux objets.

Les propriétés d'un objet définissent les caractéristiques de l'objet. Vous pouvez accéder aux propriétés d'un objet avec une simple notation par points telle que:

objectName.propertyName

Vous pouvez définir une propriété en lui attribuant une valeur. Par exemple, créons un objet nommé Voiture et donnez-lui des propriétés comme entreprise, modèle , et Couleur . Il peut être défini comme:

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

Méthodes

À méthode est un fonction associé à un objet. C'est aussi une propriété d'un objet. Les méthodes sont définies comme des fonctions normales, mais elles doivent être affectées propriété d'un objet.

La méthode objet est accessible comme suit:

objectName.methodName ()

Exemple:

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

Production:

Tessa Den

Certaines des méthodes intégrées couramment utilisées sont:

Méthodes La description
Object.assign () Il est utilisé pour copier des propriétés énumérables et propres d'un objet source vers un objet cible
Object.create () Il est utilisé pour créer un nouvel objet avec l'objet prototype et les propriétés spécifiés
Object.defineProperty () Il est utilisé pour définir les attributs comportementaux de la propriété
Object.entries () Il renvoie un tableau avec les paires clé / valeur
Object.freeze () Il empêche les propriétés existantes d'être supprimées

Accesseurs

Les accesseurs JavaScript se composent de Getters et Setters qui sont utilisés pour définir les accesseurs d'objet.

  • Le mot-clé Get

Prenons un exemple et voyons comment Getters être habitué avoir toute valeur de la propriété:

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

Production:

401
  • Le mot-clé d'ensemble

Prenons un exemple et voyons comment Setters être habitué ensemble toute valeur de la propriété:

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

Production:

401

Prototypes

Tous les objets JavaScript héritent des propriétés et des méthodes d'un prototype. Par exemple:

  • Date objets héritent de Date.prototype
  • Tableau objets héritent de Array.prototype
  • La personne objets héritent de Personne.prototype

Le JavaScript prototype property est utilisée pour ajouter de nouvelles propriétés aux constructeurs d'objets.

Exemple:

function Person (first, last, id, age) {this.firstName = first this.lastName = last this.empid = id this.age = age} Person.prototype.nationality = 'Indian'

La propriété prototype vous permet également d'ajouter de nouvelles méthodes aux constructeurs d'objets.

Exemple:

function Person (first, last, id, age) {// Ajout de méthodes aux constructeurs this.firstName = first this.lastName = last this.empid = id this.age = age} Person.prototype.name = function () {return this.firstName + '' + this.lastName}

Vous pouvez modifier vos propres prototypes mais ne jamais modifier les prototypes d'objets JavaScript standard.

Avec cela, nous sommes arrivés à la fin de notre article. J'espère que vous avez compris les objets JavaScript et les différentes méthodes pour les définir.

Maintenant que vous connaissez les objets JavaScript, consultez le par Edureka. La formation de certification en développement Web vous aidera à apprendre à créer des sites Web impressionnants à l'aide des API HTML5, CSS3, Twitter Bootstrap 3, jQuery et Google et à les déployer sur Amazon Simple Storage Service (S3).

Vous avez une question pour nous? Veuillez le mentionner dans la section commentaires de «JavaScript Object» et nous vous répondrons.

différence entre bigdata et hadoop