Types de données JavaScript

valeurs de chaînes, valeurs numériques, valeurs booléennes, tableaux, objets.

Types de données JavaScript

Les variables JavaScript peuvent stocker plusieursTypes de données：valeurs numériques, valeurs de chaînes, tableaux, objets, etc. :

var length = 7;                             // Numérique
var lastName = "Gates";                      // Chaîne
var cars = ["Porsche", "Volvo", "BMW"];         // Tableau
var x = {firstName:"Bill", lastName:"Gates"};    // Objet

La notion de type de données

Dans le processus de programmation, le type de données est une notion importante.

Pour pouvoir manipuler les variables, comprendre les types de données est très important.

Sans type de données, l'ordinateur ne peut pas résoudre cette question en toute sécurité :

var x = 911 + "Porsche";

Est-ce que l'ajout de "Volvo" à 911 a du sens ? Cela produira-t-il une erreur ou un résultat ?

JavaScript traitera ainsi l'exemple ci-dessus :

var x = "911" + "Porsche";

Lorsque vous additionnez un nombre et une chaîne de caractères, JavaScript traite le nombre comme une chaîne de caractères.

Exemple

var x = 911 + "Porsche";

Essayer par vous-même

Exemple

var x = "Porsche" + 911;

Essayer par vous-même

JavaScript calcule l'expression de gauche à droite. L'ordre différent produira des résultats différents :

JavaScript :

var x = 911 + 7 + "Porsche";

Résultat :

918Porsche

Essayer par vous-même

JavaScript :

var x = "Porsche" + 911 + 7;

Résultat :

Porsche9117

Essayer par vous-même

Dans le premier exemple, JavaScript traite 911 et 7 comme des nombres jusqu'à ce qu'il rencontre "Porsche".

Dans le deuxième exemple, car le premier opérande est une chaîne de caractères, tous les opérandes sont traités comme des chaînes de caractères.

JavaScript possède un type de données dynamique

JavaScript possède un type de données dynamique. Cela signifie que la même variable peut être utilisée pour différents types :

Exemple

var x;               // Maintenant x est undefined
var x = 7;           // Maintenant x est un nombre
var x = "Bill";      // Maintenant x est une valeur de chaîne

Essayer par vous-même

Valeur de chaîne en JavaScript

Une chaîne de caractères (ou une chaîne de texte) est une séquence de caractères (par exemple "Bill Gates").

Les chaînes de caractères sont entourées de guillemets. Vous pouvez utiliser des guillemets simples ou doubles :

Exemple

var carName = "Porsche 911";   // Utilisation des guillemets doubles
var carName = 'Porsche 911';   // Utilisation des guillemets simples

Essayer par vous-même

Vous pouvez utiliser des guillemets dans les chaînes de caractères, tant qu'ils ne correspondent pas aux guillemets entourant la chaîne :

Exemple

var answer = "It's alright";             // Guillemets doubles autour des guillemets simples
var answer = "He is called 'Bill'";    // Guillemets doubles autour des guillemets simples
var answer = 'He is called "Bill"';    // Guillemets simples autour des guillemets doubles

Essayer par vous-même

Vous allez apprendre davantage sur les chaînes de caractères dans ce tutoriel.

Nombre en JavaScript

JavaScript ne possède qu'un seul type de nombre.

Il est possible d'utiliser ou non un point décimal lors de l'écriture des nombres :

Exemple

var x1 = 34.00;     // Avec point décimal
var x2 = 34;        // Sans point décimal

Essayer par vous-même

Les nombres très grands ou très petits peuvent être écrits en notation scientifique :

Exemple

var y = 123e5;      // 12300000
var z = 123e-5;     // 0.00123

Essayer par vous-même

Vous découvrirez plus sur les nombres dans ce tutoriel.

Les valeurs booléennes JavaScript

Les valeurs booléennes n'ont que deux valeurs :true ou false.

Exemple

var x = true;
var y = false;

Essayer par vous-même

Les valeurs booléennes sont souvent utilisées dans les tests conditionnels.

Vous découvrirez plus sur les tests conditionnels dans ce tutoriel.

Tableaux JavaScript

Les tableaux JavaScript sont écrits avec des crochets.

Les éléments du tableau sont séparés par des virgules.

Le code suivant déclare (crée) un tableau nommé cars, contenant trois éléments (marques de voitures) :

Exemple

var cars = ["Porsche", "Volvo", "BMW"];

Essayer par vous-même

Les indices des tableaux sont basés sur zéro, ce qui signifie que le premier élément est [0], le deuxième élément est [1], et ainsi de suite.

Vous découvrirez plus sur les tableaux dans ce tutoriel.

Objets JavaScript

Les objets JavaScript sont écrits avec des accolades.

Les propriétés de l'objet sont name:value Oui, séparés par des virgules.

Exemple

var person = {firstName:"Bill", lastName:"Gates", age:62, eyeColor:"blue"};

Essayer par vous-même

Dans l'exemple précédent, l'objet (person) a quatre propriétés : firstName, lastName, age et eyeColor.

Vous découvrirez plus sur les objets dans ce tutoriel.

L'opérateur typeof

Vous découvrirez plus sur JavaScript typeof Pour déterminer le type d'une variable JavaScript :

L'opérateur typeof retourne le type de la variable ou de l'expression :

Exemple

typeof ""                  // retourne "string"
typeof "Bill"              // retourne "string"
typeof "Bill Gates"          // retourne "string"

Essayer par vous-même

Exemple

typeof 0                   // retourne "number"
typeof 314                 // retourne "number"
typeof 3.14                // retourne "number"
typeof (7)                 // retourne "number"
typeof (7 + 8)             // retourne "number"

Essayer par vous-même

L'opérateur typeof retourne "object" pour les tableaux, car les tableaux appartiennent aux objets en JavaScript.

Undefined

Dans JavaScript, une variable sans valeur a une valeur undefined。typeof retourne également undefined.

Exemple

var person;                  // La valeur est undefined, le type est undefined.

Essayer par vous-même

Toute variable peut définir la valeur sur undefined Effectuer le vidage. Son type sera également undefined.

Exemple

person = undefined;          // La valeur est undefined, le type est undefined.

Essayer par vous-même

Valeur vide

Valeur vide et undefined Ce n'est pas la même chose.

Une variable de chaîne vide a à la fois une valeur et un type.

Exemple

var car = "";                // La valeur est "", le type est "string"

Essayer par vous-même

Null

Dans JavaScript,null est "rien". Il est considéré comme un objet inexistant.

Malheureusement, dans JavaScript,null Les données ont le type object.

Vous pouvez prendre null Dans JavaScript, la compréhension d'un objet est considérée comme un bug. Elle devrait être null.

Vous pouvez définir la valeur sur null Vider un objet :

Exemple

var person = null;           // La valeur est null, mais le type reste l'objet

Essayer par vous-même

Vous pouvez également définir la valeur sur undefined Vider un objet :

Exemple

var person = undefined;           // La valeur est undefined, le type est undefined.

Essayer par vous-même

La différence entre Undefined et Null

Undefined et null Valeurs égales, mais types différents :

typeof undefined              // undefined
typeof null                   // object
null === undefined            // false
null == undefined             // true

Essayer par vous-même

Données primitives

Une valeur de données primitive est une valeur simple sans propriétés ni méthodes supplémentaires.

typeof Les opérateurs peuvent retourner l'un des types de données primaires suivants :

  • string
  • number
  • boolean
  • undefined

Exemple

typeof "Bill"              // retourne "string"
typeof 3.14                // retourne "number"
typeof true                // retourne "boolean"
typeof false               // retourne "boolean"
typeof x                   // Retourne "undefined" (si x n'a pas de valeur)

Essayer par vous-même

Données complexes

typeof L'opérateur peut retourner l'un des deux types suivants :

  • function
  • objet

typeof L'opérateur retourne un objet, un tableau ou null Retourne objet.

typeof L'opérateur ne retourne pas une fonction objet.

Exemple

typeof {name:'Bill', age:62} // Retourne "object"
typeof [1,2,3,4]             // Retourne "object" (pas "array", voir les commentaires ci-dessous)
typeof null                  // Retourne "object"
typeof function myFunc(){}   // Retourne "function"

Essayer par vous-même

typeof L'opérateur retourne un tableau sous forme de «objet«, car dans JavaScript, un tableau est un objet.

Lecture supplémentaire

Tutoriel avancé JavaScript :