Maison interface Web js tutoriel Types de données JavaScript pour les nuls

Types de données JavaScript pour les nuls

Jun 20, 2025 am 12:30 AM

JavaScript a 7 types de données primitifs, 2 types de données complexes et 2 types de données spéciaux. 1. Les types de données d'origine incluent: numéro, chaîne, booléen, indéfini, nul, symbole. 2. Les types de données complexes incluent: objet, tableau. 3. Les types de données spéciaux incluent: fonction, bigint. La compréhension de ces types de données aide à éviter les erreurs de type et à optimiser les performances du code.

Types de données JavaScript pour les nuls

Hé là, les passionnés de codage! Aujourd'hui, plongeons dans le monde merveilleux des types de données JavaScript. Je sais ce que vous pensez: "Types de données? Cela ressemble à la partie ennuyeuse de la programmation!" Mais croyez-moi, comprendre les types de données, c'est comme avoir une superpuissance dans l'univers JavaScript. Explorons pourquoi ils sont si cruels et comment ils peuvent faire ou défaire votre code.

JavaScript, étant une langue dynamique et flexible, a un tas de types de données que vous rencontrerez dans vos aventures de codage. Les connaître à l'envers vous aidera à rédiger un code plus propre et plus efficace et à éviter ces erreurs d'exécution embêtantes qui vous tiennent debout la nuit. Alors, commençons et démêlons le mystère des types de données JavaScript ensemble!


JavaScript consiste à jongler avec différents types de données, et chaque type a ses propres bizarreries et caractéristiques. Examinons de plus près les principaux joueurs de ce jeu:

Types de données primitives

Les types de données primitifs de JavaScript sont les éléments constitutifs de votre code. Ils sont simples, légers et passés par valeur. Voici un aperçu des clés:

  • Numéro : celui-ci est assez simple. Il est utilisé pour, eh bien, des chiffres! Que vous ayez affaire à des entiers ou à des numéros à virgule flottante, JavaScript vous couvert.

     Soit l'âge = 25;
    Soit la hauteur = 1,75;
  • String : Ah, le pouvoir du texte! Les cordes sont des séquences de personnages et elles sont super polyvalentes. Vous pouvez les utiliser pour des noms, des messages ou même du stockage de gros morceaux de texte.

     Soit name = "John Doe";
    Laissez Message = 'Hello, World!';
  • Boolean : Vrai ou faux, c'est tout ce que vous devez savoir. Les booléens sont parfaits pour la logique conditionnelle et le contrôle du flux de votre programme.

     Soit iSStudent = true;
    Soit Haspassed = false;
  • Undefined : c'est ce que vous obtenez lorsqu'une variable a été déclarée mais non attribuée de valeur. C'est comme un espace réservé disant: "Hé, je suis là, mais je n'ai pas encore rien!"

     Soit pas assemblé;
    Console.log (NotAssigned); // Sortie: indéfinie
  • NULL : NULL est comme l'absence intentionnelle de toute valeur d'objet. C'est un peu comme dire: "Je veux ne rien mettre ici."

     Soit videValue = null;
    console.log (videValue); // Sortie: NULL
  • Symbole : les symboles sont uniques et immuables. Ils sont souvent utilisés comme clés de propriété d'objet pour éviter de nommer les conflits.

     Selt id = symbol ('uniqueId');
    Soit Obj = {
    };

Types de données complexes

Passons maintenant aux types de données les plus complexes. Ceux-ci sont passés par référence et peuvent contenir plusieurs valeurs ou même d'autres objets.

  • Objet : Les objets sont le cœur de JavaScript. Ce sont des collections de paires de valeurs clés et peuvent représenter n'importe quoi, des structures de données simples aux entités complexes.

     Laissez personne = {
      Nom: "Alice",
      Âge: 30 ans,
      Hobbies: ["Reading", "Coding"]
    };
  • Array : Les tableaux sont des types spéciaux d'objets qui stockent plusieurs valeurs dans une seule variable. Ils sont parfaits pour les listes et les collections.

     Soit des fruits = ["pomme", "banane", "orange"];

Types de données spéciaux

JavaScript a également quelques types de données spéciaux que vous rencontrerez moins fréquemment, mais vous êtes toujours important à connaître:

  • Fonction : Les fonctions sont des citoyens de première classe en JavaScript. Ils peuvent être affectés à des variables, passés en arguments et même retournés d'autres fonctions.

     fonction salut (nom) {
      return `Bonjour, $ {nom}!`;
    }
  • BigInt : BigInt est un ajout relativement nouveau à JavaScript, conçu pour gérer les entiers plus grands que le type de nombre standard peut représenter.

     Soit Largenumber = 9007199254740991N;

Maintenant, expliquons pourquoi la compréhension de ces types de données est si importante. Pour commencer, la connaissance du type de données avec lesquelles vous travaillez vous aide à éviter les erreurs liées au type. Par exemple, essayer d'effectuer des opérations arithmétiques sur des chaînes peut conduire à des résultats inattendus. De plus, la compréhension des types de données peut vous aider à optimiser votre code. Par exemple, l'utilisation de types primitifs si possible peut améliorer les performances, car ils sont plus légers et plus rapides à traiter.

L'un des pièges communs que j'ai vus est de mélanger null et undefined . Bien qu'ils représentent tous deux l'absence de valeur, ils sont utilisés dans différents contextes. null est généralement utilisé pour indiquer une absence intentionnelle d'une valeur d'objet, tandis que undefined est l'état par défaut d'une variable qui n'a pas été attribuée de valeur. Les mélanger peut entraîner une confusion et des bugs dans votre code.

Une autre chose à surveiller est la coercition de type automatique en JavaScript. Cela peut être à la fois une bénédiction et une malédiction. D'une part, cela rend votre code plus flexible et indulgent. D'un autre côté, cela peut conduire à un comportement inattendu si vous ne faites pas attention. Par exemple:

 Soit le résultat = "5" 5; // Sortie: "55"
Laissez un autreResult = "5" - 5; // Sortie: 0

Dans le premier cas, JavaScript convertit le nombre en une chaîne et les concaténe. Dans le deuxième cas, il convertit la chaîne en nombre et effectue un abonnement. Comprendre ces nuances peut vous faire économiser beaucoup de maux de tête.

En ce qui concerne les meilleures pratiques, soyez toujours explicite sur vos types de données lorsque cela est possible. Utilisez typeof pour vérifier le type d'une variable, et envisagez d'utiliser TypeScript si vous souhaitez ajouter un typage statique à vos projets JavaScript. Voici un exemple de la façon dont vous pouvez utiliser typeof :

 Soit la valeur = 42;
console.log (typeof de valeur); // sortie: "numéro"

En conclusion, la maîtrise des types de données JavaScript, c'est comme apprendre les règles d'un jeu. Une fois que vous les connaissez, vous pouvez jouer plus efficacement et de manière créative. Alors, continuez à expérimenter, continuez à apprendre et, surtout, continuez à coder!

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!

Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Outils d'IA chauds

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

Video Face Swap

Video Face Swap

Échangez les visages dans n'importe quelle vidéo sans effort grâce à notre outil d'échange de visage AI entièrement gratuit !

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Sujets chauds

Tutoriel PHP
1528
276
Appareils et contextes avancés JavaScript Appareils et contextes avancés JavaScript Jul 24, 2025 am 12:42 AM

La portée de JavaScript détermine la portée d'accessibilité des variables, qui sont divisées en étendue globale, fonction et au niveau du bloc; Le contexte détermine la direction de cela et dépend de la méthode d'appel de fonction. 1. Les étendues incluent la portée globale (accessible n'importe où), la portée de la fonction (valide uniquement dans la fonction) et la portée au niveau du bloc (LET et const sont valides dans {}). 2. Le contexte d'exécution contient l'objet variable, la chaîne de portée et les valeurs de cela. Cela pointe vers global ou non défini dans la fonction ordinaire, l'appel de méthode pointe vers l'objet d'appel, le constructeur pointe vers le nouvel objet, et peut également être explicitement spécifié par appel / application / liaison. 3. La fermeture fait référence aux fonctions accédant et en se souvenant des variables de portée externes. Ils sont souvent utilisés pour l'encapsulation et le cache, mais peuvent provoquer

Exploration des règles de coercition de type en javascript Exploration des règles de coercition de type en javascript Jul 21, 2025 am 02:31 AM

La coulée de type est le comportement de la conversion automatique d'un type de valeur en un autre type en JavaScript. Les scénarios courants incluent: 1. Lorsque vous utilisez des opérateurs, si un côté est une chaîne, l'autre côté sera également converti en une chaîne, comme '5' 5. Le résultat est "55"; 2. Dans le contexte booléen, les valeurs non cooliennes seront implicitement converties en types booléens, tels que des chaînes vides, 0, nuls, non définies, etc., qui sont considérées comme fausses; 3. Null participe aux opérations numériques et sera convertie en 0, et non défini sera converti en NAN; 4. Les problèmes causés par la conversion implicite peuvent être évitées grâce à des fonctions de conversion explicites telles que Number (), String () et Boolean (). La maîtrise de ces règles aide

API de composition Vue 3 Vs API Options: une comparaison détaillée API de composition Vue 3 Vs API Options: une comparaison détaillée Jul 25, 2025 am 03:46 AM

CompositionAPI dans Vue3 convient plus à la logique complexe et à la dérivation de type, et OptionsAPI convient aux scénarios et débutants simples; 1. OptionsAPI organise le code en fonction d'options telles que les données et les méthodes, et a une structure claire mais les composants complexes sont fragmentés; 2. CompositionAPI utilise la configuration pour concentrer la logique liée, ce qui est propice à la maintenance et à la réutilisation; 3. CompositionAPI réalise la réutilisation logique sans conflit et paramétrisable par le biais de fonctions composables, ce qui est mieux que le mixin; 4. CompositionAPI a une meilleure prise en charge de la dérivation de type dactylographiée et de type plus précise; 5. Il n'y a pas de différence significative dans le volume de performances et d'emballage des deux; 6.

Maîtriser les modèles de concurrence JavaScript: les travailleurs du web contre les threads Java Maîtriser les modèles de concurrence JavaScript: les travailleurs du web contre les threads Java Jul 25, 2025 am 04:31 AM

Il existe une différence essentielle entre les travailleurs Web de JavaScript et Javathreads dans un traitement simultané. 1. JavaScript adopte un modèle unique. WebWorkers est un fil indépendant fourni par le navigateur. Il convient pour effectuer des tâches longues qui ne bloquent pas l'interface utilisateur, mais ne peuvent pas utiliser le DOM; 2. Java prend en charge le multithreading réel à partir du niveau de la langue, créé via la classe de threads, adapté à un traitement simultanée complexe et côté serveur; 3. Les travailleurs Web utilisent PostMessage () pour communiquer avec le fil principal, qui est hautement sécurisé et isolé; Les threads Java peuvent partager la mémoire, de sorte que les problèmes de synchronisation doivent être prêts à prêter attention; 4. Les travailleurs Web sont plus adaptés à l'informatique parallèle frontale, comme le traitement d'image, et

Comment créer et ajouter des éléments dans JS? Comment créer et ajouter des éléments dans JS? Jul 25, 2025 am 03:56 AM

Utilisez Document.CreateElement () pour créer de nouveaux éléments; 2. Personnaliser les éléments via TextContent, ClassList, SetAttribute et d'autres méthodes; 3. Utilisez des méthodes APPEDCHILD () ou plus flexibles APPEND () pour ajouter des éléments au DOM; 4. Utiliser éventuellement INSERTBEFORE (), avant () et d'autres méthodes pour contrôler la position d'insertion; Le processus complet consiste à créer → Personnaliser → Ajouter, et vous pouvez mettre à jour dynamiquement le contenu de la page.

Construire un outil CLI avec Node.js Construire un outil CLI avec Node.js Jul 24, 2025 am 03:39 AM

Initialiser le projet et créer package.json; 2. Créez un script d'entrée index.js avec shebang; 3. Registre des commandes via des champs bin dans package.json; 4. Utilisez des Yargs et d'autres bibliothèques pour analyser les paramètres de ligne de commande; 5. Utilisez le test local NPMLink; 6. Ajouter l'aide, la version et les options pour améliorer l'expérience; 7. Publier éventuellement via NPMPublish; 8. Affectuer éventuellement l'achèvement automatique avec Yargs; Enfin, créez des outils CLI pratiques grâce à une structure raisonnable et à une conception de l'expérience utilisateur, effectuer des tâches d'automatisation ou distribuer des widgets et se terminer par des phrases complètes.

Comment formater une date dans JS? Comment formater une date dans JS? Jul 20, 2025 am 12:10 AM

Les dates de format dans JavaScript peuvent être implémentées via des méthodes natives ou des bibliothèques tierces. 1. Utilisez des coutures d'objets à date native: Obtenez la partie de date via Gettillyar, Getmonth, GetDate et d'autres méthodes, et les épisser manuellement dans des formats Yyyy-MM et d'autres, qui conviennent aux besoins légers et ne reposent pas sur des bibliothèques tierces; 2. Utilisez la méthode TolocaleDateString: vous pouvez sortir tel que le format mm / dd / yyyy en fonction des habitudes locales, en charge multilingue, mais le format peut être incohérent en raison de différents environnements; 3. Utilisez des bibliothèques tierces telles que Day.js ou Date-FNS: Fournit une syntaxe concise et des fonctions riches, adaptées aux opérations fréquentes ou lorsque l'extensibilité est requise, comme DayJS ()

Types conditionnels avancés en dactylographie Types conditionnels avancés en dactylographie Aug 04, 2025 am 06:32 AM

Les types de conditions avancées de TypeScript implémentent le jugement logique entre les types via TextendU? X: Y Syntaxe. Ses capacités de base se reflètent dans les types de conditions distribuées, l'inférence de type inférieure et la construction d'outils de type complexe. 1. Le type conditionnel est distribué dans les paramètres de type nu et peut automatiquement diviser le type de joint, tel que pour obtenir la chaîne [] | nombre []. 2. Utiliser la distribution pour construire des outils de filtrage et d'extraction: exclut exclut les types via TextendU? Never: T, extraire extrait les points communs via TextendU? T: jamais, et des filtres non nuls nuls / non définis. 3

See all articles