Une brève discussion sur l'utilisation d'objets dans JS

Enregistrement simple de l'utilisation d'objets en javascript

1. Créez un objet

 // Créer un objet vide var o = {}; // Créer un objet avec deux attributs, x et y var o2 = {x: 12, y: '12', nom: 'js'}; // La valeur de l'attribut d'auteur dans cet objet est toujours un objet var o3 = {x: 12, auteur: {nom: 'js', âge: 23, adresse: 'Chine'}}; // Créer un objet vide comme {} var o4 = new Object (); // Ajouter l'attribut de nom à l'objet o4.Name = 'JS'

Ce qui précède utilise deux façons pour créer des objets, l'un est la méthode littérale et l'autre consiste à créer des objets en utilisant de nouveaux. L'objet après nouveau est appelé constructeur.

2. Accès d'objet

À partir de ce qui précède, nous pouvons voir que nous avons ajouté un nom d'attribut au O4 opposé, en utilisant le numéro de point, c'est-à-dire le nom de l'objet et le nom d'attribut, qui est l'une des méthodes d'accès. Il existe deux façons d'accéder aux valeurs d'attribut dans un objet. Le premier consiste à utiliser les nombres de points (.), Et le second consiste à utiliser les tableaux (nom d'objet [nom d'attribut]).

 // Créer un objet vide var o = {}; // Créer un objet avec deux attributs, x, y var o2 = {x: 12, y: '12', nom: 'js'}; // La valeur de l'attribut d'auteur dans cet objet est toujours un objet var o3 = {x: 12, auteur: {nom: 'js', âge: 23, adresse: 'Chine'}}; // Créer un objet vide comme {} var o4 = new Object (); // Ajouter un attribut de nom à l'objet o4.name = 'js' / ** Accédez à la valeur d'attribut de l'objet * / // 1. Utiliser le numéro de point var x = o2.x; // 12 var authorofname = o3.author.name; // js var name = o4.name; // js // 2. Utiliser la méthode du tableau var x2 = o2 ['x']; // 12 var authorofname2 = o3 ['auteur'] ['name']; // js var name2 = o4 ['name']; // js

Il est plus facile de comprendre comment utiliser les nombres de points pour accéder aux valeurs d'attribut dans un objet, mais il n'est pas facile de comprendre comment utiliser les tableaux. Dans JavaScript, tous les objets sont des tableaux associatifs. Les données dits associatives sont le moyen d'accéder à un tableau, mais cette méthode n'est pas l'index utilisé mais l'index de chaîne, qui est appelé tableau associatif.

Les accès ci-dessus, la valeur d'attribut objet, consistent à connaître le nom d'attribut objet. Et si vous ne connaissez pas la valeur d'attribut objet? Vous pouvez utiliser pour / in pour traverser les valeurs de l'objet.

 // Créer un objet avec deux propriétés, x, y, name var o2 = {x: 12, y: '12', nom: 'js'}; pour (p dans o2) {var propriété = p; VAR VALEUSE = O2 [P]; console.log (propriété); console.log (valeur); }

Le résultat de l'impression est:

 x12y12Namejs

On peut voir qu'il y a trois attributs au total et que leurs valeurs sont imprimées.

Si l'objet est plus compliqué, vous pouvez ajouter des jugements pour déterminer s'il y a une propriété. Ensuite, comment déterminez-vous si un objet contient une certaine propriété? Étant donné que les objets héritent de l'objet, il existe une méthode HasownProperty () dans l'objet pour déterminer s'il y a une propriété dans l'objet. La valeur de retour est un booléen. Notez que cette méthode ne jugera que si les propres attributs de l'objet existent et ne jugeront pas les attributs hérités par l'objet.

 // Créer un objet avec deux propriétés, x, y, name var o2 = {x: 12, y: '12', nom: 'js'}; var b = o2.hasownproperty ('name') // true var b2 = o2.hasownproperty ('age') // false

3. Ajouter et supprimer les attributs

Au début, nous avons ajouté un attribut de nom à l'objet O4. La nouvelle méthode est en fait la même chose que l'attribution des valeurs d'attribut. Vous pouvez également ajouter des attributs à l'objet à l'aide du tableau associatif.

 // Créer un objet avec deux propriétés, x, y, name var o2 = {x: 12, y: '12', nom: 'js'}; // supprimer l'attribut de nom delete o2.name; var b = o2.hasownproperty ('name') // false // Ajouter l'attribut de nom o2 ['name'] = 'javascript'; // Parce que l'attribut de nom existe déjà, voici la réaffectation du nom o2.name = 'js'; var b3 = o2.hasownproperty ('name'); //Vrai

Ci-dessus, l'attribut de nom de l'objet O2 a été supprimé, puis l'attribut de nom a été ajouté à l'aide du tableau associatif, puis l'attribut de nom a été réaffecté à l'aide du numéro de point.

4. Conversion entre objets et chaînes

ECMascript5 a une conversion mutuelle intégrée entre les objets et les chaînes. Maintenant, la plupart des navigateurs grand public prennent en charge ECMAScript5. S'il ne le prend pas en charge, vous pouvez télécharger la bibliothèque de classe JSON2.js depuis Internet. Cette bibliothèque peut être utilisée après l'introduire dans un fichier.

La conversion entre un objet et une chaîne est appelée sérialisation d'objet, ce qui signifie convertir l'état de l'objet en une chaîne ou convertir une chaîne en un objet. Ces conversions utilisent JSON comme format d'échange de données. Le nom complet de JSON est la notation d'objet JavaScript.

Utilisez json.stringify () pour convertir l'objet en une chaîne; Utilisez JSON.Parse () pour convertir la chaîne en un objet.

 // définir un objet var o = {nom: 'javascript', âge: 24}; // Cette méthode est une erreur lors de la conversion en un objet. Vous devez utiliser la méthode suivante // var str = "{name: 'javascript', âge: 24}"; // Définissez correctement la chaîne d'objet var str = '{"name": "javascript", "age": 24}'; // convertit l'objet en une chaîne var str2 = json.stringify (o); console.log ('str2:' + str2 + ', type:' + (typeof str2)); // str2: {"name": "javascript", "age": 24}, type: string // converti la chaîne en un objet var o2 = json.parse (str); console.log ('o2:' + o2 + ', type:' + (typeof o2)); // o2: [objet objet], type: objet

Ce qui précède implémente la conversion mutuelle entre les objets et les chaînes.

La brève discussion ci-dessus sur l'utilisation d'objets dans JS est tout le contenu que je partage avec vous. J'espère que cela pourra vous donner une référence et j'espère que vous pourrez soutenir Wulin.com plus.