Accès aux tableaux et aux objets

Que sont les objets ?
Les objets sont utilisés pour stocker des collections à clé de diverses données et d'entités plus complexes. Les objets sont des variables, mais ils peuvent contenir plusieurs valeurs. Un objet peut être créé avec des crochets qui peuvent être vides ou remplis de paires clé/valeur. La clé est une chaîne, également appelée nom de propriété, et la valeur peut être n'importe quel élément relatif à la clé. les paires clé/valeur ne sont pas ordonnées. Les objets peuvent stocker d'autres objets, fonctions, types de données primitifs et tableaux.

L'objet littéral est un objet vide.

var user = {};

var user = {
name: 'Carol',
age: 30,
occupation: 'Teacher'
};

Notation par points et notation par crochets
Vous pouvez accéder à la propriété value par sa clé. Vous pouvez modifier la valeur de la propriété existante de la clé. Vous pouvez ajouter une nouvelle propriété à un objet.

Notation par points sur les objets
La notation par points sur les objets vous donnera accès aux clés et méthodes d'objet. La notation par points est écrite avec le nom de l'objet point(.) la clé/propriété.
objet.key

var user = {
name: 'Carol',
age: 30,
occupation: 'Teacher'
};
console.log(user.name); //output "Carol"

Pour modifier des objets à l'aide de object.key

var user = {
name: 'Carol',
age: 30,
occupation: 'Teacher'
};

user.name = 'Bonnie'
console.log(user); //
//output 

name: '"Bonnie",
age: 30,
occupation: "Teacher"

Pour ajouter des objets à l'aide de object.key

var user = {
name: 'Carol',
age: 30,
occupation: 'Teacher'
};
user.favColor = 'Red'
console.log(user);
//output
age: 30,
  name: "Carol",
  occupation: "Teacher",
  favColor: "Red"

Notation entre crochets sur les objets
Cette expression vous permet d'accéder aux propriétés de l'objet à l'aide d'une chaîne (entourée de guillemets) ou d'une variable contenant le nom de la propriété. Ceci est utile lorsque la notation par points ne peut pas être utilisée. La notation entre parenthèses vous permet d'utiliser des variables comme noms de propriétés, contrairement à la notation par points
objet['expression'];

var user = {
name: 'Carol',
age: 30,
occupation: 'Teacher'
};

console.log(user['name']);//output "Carol"

Pour modifier un objet

var user = {
name: 'Carol',
age: 30,
occupation: 'Teacher'
};

user['name'] = 'Bonnie'
console.log(user);
//output
name: 'Bonnie',
age: 30,
occupation: 'Teacher'
};

Ajouter à un objet

var user = {
name: 'Carol',
age: 30,
occupation: 'Teacher'
};

user['favColor'] = 'Red'
console.log(user);
//output
name: 'Carol'
age: 30
occupation: 'Teacher'
user['favColor'] = 'Red'

};

Que sont les tableaux ?
Un tableau peut contenir différentes valeurs, notamment un nombre, une chaîne, une valeur booléenne et null. Chaque valeur d'un tableau est appelée élément, et chaque élément est accessible par son index qui commence à 0. L'index donnera la position d'un élément. Les éléments sont placés entre crochets ([]) et séparés par des virgules.

Littéral de tableau vide

var user =[]

index:      0     1      2
var user = [1, 'Carol', true, ];

1 est un nombre et se situe à l'indice zéro.
'Carol' est une chaîne et se situe au premier index.
True est une valeur booléenne et elle se situe au troisième index.

Les méthodes de tableau sont des méthodes JavaScript intégrées dans lesquelles vous ajoutez, supprimez et modifiez des éléments.

.push() permet d'ajouter un élément à la fin d'un tableau.

var vegetables = ['spinach', 'broccoli', 'green beans', 'kale'];
vegetables.push('cauliflower')
console.log(vegetables)
//output
var vegetables = ['spinach', 'broccoli', 'green beans', 'kale', 'cauliflower'];

.pop() vous permet de supprimer une valeur à la fin d'un tableau.

var vegetables = ['spinach', 'broccoli', 'green beans', 'kale', 'cauliflower'];
vegetables.pop()
console.log(vegetables);
//output
var vegetables = ['spinach', 'broccoli', 'green beans', 'kale'];

.unshift() vous permet d'ajouter une valeur au début d'un tableau.

var vegetables = ['spinach', 'broccoli', 'green beans', 'kale'];
vegetables.unshift('Brussel sprouts');
console.log(vegetables);
//output
var vegetables = ['Brussel sprouts', 'spinach', 'broccoli', 'green beans', 'kale'];

.shift() vous permet de supprimer une valeur au début d'un tableau.

var vegetables = ['Brussel sprouts', 'spinach', 'broccoli', 'green beans', 'kale'];
vegetables.shift();
console.log(vegetables);
//output
var vegetables = ['spinach', 'broccoli', 'green beans', 'kale'];

La propriété

.length() permet d'obtenir le nombre d'éléments dans un tableau.

var user = {};

Notation entre crochets sur les tableaux
Vous pouvez utiliser la notation entre crochets et l'index pour obtenir la valeur d'un élément dans un tableau.
L'index commence à 0 ce qui donnera le premier élément et l'index 1 vous donnera le deuxième élément, puis le suivant.

var user = {
name: 'Carol',
age: 30,
occupation: 'Teacher'
};

Conclusion
Les tableaux et les objets sont tous deux des collections en JavaScript où les valeurs peuvent être manipulées. Les tableaux sont des collections ordonnées de types de données primitifs où vous pouvez accéder à chaque élément avec un index de base zéro. Les méthodes de tableau sont utilisées pour ajouter, supprimer ou modifier des tableaux avec la notation par points. Notation entre parenthèses avec l'index de base zéro pour accéder à chaque élément. Les objets sont une collection de types de données complexes non ordonnés qui utilisent des clés pour accéder aux valeurs. La notation par points est utilisée pour les touches simples et la notation par crochets est utilisée pour les touches plus complexes.
Références :
1.https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array
2.https://www.w3schools.com/js/js_arrays.asp
3.https://javascript.info/array

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!