Comprendre les types de données JavaScript

JavaScript est un langage typé dynamiquement, ce qui signifie que vous n'avez pas besoin de spécifier le type de données d'une variable lors de sa déclaration. Le type de données est automatiquement déterminé ou converti selon les besoins lors de l'exécution. Cette fonctionnalité rend JavaScript flexible et convivial pour les développeurs.

Que sont les types de données ?

Les types de données définissent le type de données qu'une variable peut stocker et manipuler. Une variable JavaScript peut contenir n'importe quel type de données. En JavaScript, les types de données sont globalement classés en deux types :
1️⃣ Types de données primitifs (7 types)
2️ Types de données non primitifs (1 type)

1️⃣ Types de données primitifs : les éléments de base

Ce sont les types de données les plus basiques en JavaScript, et ils sont immuables, ce qui signifie que leurs valeurs ne peuvent pas être modifiées.

(1) String : Représente des données textuelles. En JavaScript, il existe 3 types de guillemets : les guillemets doubles, les guillemets simples, les backticks.
? Exemple :

const fname = 'Richa'; // Single quotes
const language = "JavaScript"; // Double quotes
const study = `webDev`; // Backticks
console.log(fname, language, study); // Output: Richa JavaScript webDev

(2) Nombre : Représente des valeurs numériques (entiers et nombres à virgule flottante).
? Exemple :

const total = 0;
const PI = 3.14;
console.log(total, PI); // Output: 0 3.14

(3) BigInt : Représente des entiers plus grands que ce que le type Number peut gérer. Une valeur BigInt est créée en ajoutant n à la fin d'un entier.
? Exemple :

const bigNumber = 1234567890123456789012345678901234567890n;
console.log(bigNumber); // Output: 1234567890123456789012345678901234567890n

(4) Booléen : Représente une valeur logique, vraie ou fausse.
? Exemple :

const isPrimeNumber = true;
const isNewUser = false;
console.log(isPrimeNumber, isNewUser); // Output: true false

(5) Null : Représente une valeur intentionnellement vide ou inconnue.
? Exemple :

const data = null;
console.log(data); // Output: null

(6) Non défini : Représente une variable qui a été déclarée mais qui n'a pas encore reçu de valeur.
? Exemple :

let result;
console.log(result); // Output: undefined

/* Uncomment the following code and see what output will return */
/* let result = undefined;
console.log(result); */

let result_1 = undefined;
console.log(result_1); // Output: undefined

(7) Symbole : Introduit dans ES6 (2015), représente une valeur unique et immuable. Le type de symbole est utilisé pour créer des identifiants uniques pour les objets. Pour l’instant, je ne mentionnerai cela que brièvement. Nous y reviendrons plus en détail plus tard.
? Exemple :

const uniqueId = Symbol("id");
console.log(uniqueId); // Output: Symbol(id)

2️ Types de données non primitifs : les structures complexes

Ces types de données peuvent contenir des collections de valeurs ou des entités plus complexes.
(1) Objet : une collection de propriétés, où chaque propriété est définie comme une paire clé-valeur.
? Exemple :

// object literal
const person = {
    firstName: "Richa",
    lastName: "webDev",
    age: 50
};
// dot (.) notation for access properties
console.log(person.firstName); // Output: Richa

Le type d'opérateur

L'opérateur typeof renvoie le type de données d'une variable JavaScript ou d'une expression.
? Exemple :

console.log(typeof "Richa"); // Output: string  
console.log(typeof 0); // Output: number  
console.log(typeof 123); // Output: number  
console.log(typeof 123.12); // Output: number  
console.log(typeof (12 + 8)); // Output: number  
console.log(typeof true); // Output: boolean  
console.log(typeof 25n); // Output: bigint  
console.log(typeof undefined); // Output: undefined  
console.log(typeof null); // Output: object
console.log(typeof Symbol("uId")); // Output: symbol  
console.log(typeof function(){}); // Output: function  
console.log(typeof Math); // Output: object  

Notes clés :

• Les clés des objets ne peuvent pas contenir de tirets et les guillemets sont facultatifs sauf si nécessaire.
• Utilisez la notation point (.) pour accéder aux propriétés de l'objet.
• Les types primitifs sont immuables, tandis que les types non primitifs (comme les objets et les tableaux) sont mutables.
• Normalement, on utilise null pour attribuer une valeur « vide » ou « inconnue » à une variable, tandis que undefined est réservé comme valeur initiale par défaut pour les éléments non attribués.
• Pour le type nul, l'opérateur renvoie "objet" – c'est une erreur dans le langage, ce n'est pas un objet.

Conclusion

Comprendre les types de données de JavaScript est fondamental pour maîtriser le langage. Que vous ayez affaire à des nombres, des chaînes ou des objets complexes, savoir utiliser et manipuler efficacement ces types peut améliorer considérablement vos compétences en programmation.

Quels sont vos cas d'utilisation préférés pour les types de données JavaScript ? Partagez vos réflexions dans les commentaires ci-dessous ! ?

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!