English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Tutoriel de base JavaScript

Objet JavaScript

Fonction JavaScript

DOM HTML JS

BOM du navigateur JS

Tutoriel de base AJAX

Manuel de référence JavaScript

Types de données JavaScript

Types de valeurs (types de base) : chaîne (String), nombre (Number), booléen (Boolean), vide (Null), indéfini (Undefined), symbole (Symbol). Types de données de référence : objet (Object), tableau (Array), fonction (Function).


Type de donnéesUtilisé pour classer une donnée spécifique par un langage de programmation.

Par exemple, les nombres et les chaînes de caractères sont des types de données différents, et JavaScript les traite différemment.

Les variables JavaScript peuvent contenir de nombreuxType de données:numérique, chaîne, tableau, objet, etc. :

 var length = 4;// Nombre Number
 var firstName = "Vishal";  // Chaîne String
 var user = {firstName:"Vishal", age:22};  // Objet Object
 var fruits = ["Apple", "Mango", "Banana"];// Tableau Array

Les types JavaScript sont dynamiques

JavaScript est un langage de type relâché ou dynamique. Les variables JavaScript ne sont pas directement associées à un type de valeur spécifique et peuvent être assignées (et réassignées) tous les types de valeurs pour toutes les variables.

var x = 20; // x est un nombre
x = "VISHAL";   // x est une chaîne de caractères
x = true;   // x est une valeur booléenne
Voyons si‹/›

Nombre JavaScript

JavaScript ne possède qu'un seul type de nombre, sans spécification distincte d'entier ou de nombre à virgule flottante.

Par conséquent, un nombre peut être écrit en JavaScript, avec ou sans décimal.

var a = 25; // Pas de nombre décimal
var b = 80,05;  // Petit nombre à droite
Voyons si‹/›

Dans les deux cas mentionnés ci-dessus, le type de données est un nombre, et il est le même que le nombre est ou non suivi d'un point décimal.

On peut utiliser la notation exponentielle scientifique en JavaScript pour abréger les nombres très grands ou très petits, comme dans les exemples suivants :

let num1 = 957e8; // 95700000000
let num2 = 957e-8;// 0.00000957
Voyons si‹/›

Vous découvrirez davantage sur les types numériques dans la partie suivante de ce tutoriel.

Chaîne JavaScript

Une chaîne est une séquence d'un ou plusieurs caractères (lettres, chiffres, symboles). Les chaînes sont très utiles car elles représentent des données de texte.

Les chaînes de caractères JavaScript sont utilisées pour stocker et traiter du texte.

Contrairement à d'autres langages, JavaScript ne fait pas de distinction entre les guillemets simples et doubles.

var msg1 = \   // Utilisation des guillemets doubles
var msg2 = \'Hello\'world\';   // Utilisation des guillemets simples
Voyons si‹/›

Vous pouvez utiliser des guillemets dans une chaîne, tant qu'ils ne correspondent pas aux guillemets autour de la chaîne :

var str1 = \  // Les guillemets simples dans les guillemets doubles
var str2 = \  // Les guillemets doubles dans les guillemets simples
var str3 = \  // Les guillemets simples dans les guillemets doubles
var str4 = \'We\'ll\'never\'give\'up\'; // Les guillemets simples sont échappés avec une barre oblique inverse
Voyons si‹/›

Vous découvrirez plus d'informations sur les chaînes de caractères plus tard dans ce tutoriel.

Valeur booléenne JavaScript

Le type de données booléen peut être l'une des deux valeurs suivantes, à savoir true ou false".

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

(5 > 10)  // Retourne false
(5 < 10)  // Retourne true
("Apple" === "Apple") // Retourne true
Voyons si‹/›

Vous découvrirez plus d'informations sur les valeurs booléennes plus tard dans ce tutoriel.

Tableau JavaScript

Les tableaux sont utilisés pour stocker plusieurs valeurs dans une seule variable.

Les tableaux JavaScript sont encadrés par des crochets [].

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

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

var fruits = ["Apple", "Mango", "Banana"];
Voyons si‹/›

Chaque élément ou valeur interne du tableau est appelé un élément. Vous pouvez référencer les éléments du tableau en utilisant leur numéro d'index.

Les indices des tableaux JavaScript commencent à zéro : l'index du premier élément du tableau est 0, l'index du deuxième élément est1et ainsi de suite.

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

Objet JavaScript

En JavaScript, un objet peut être vu comme une collection de propriétés.

Les objets JavaScript sont encadrés par des accolades {}.

Les propriétés des objets JavaScript sont écrites ainsiNom : valeurOui, séparés par une virgule.

var user = {firstName:"Vishal", age:22, color: "blue", location: "unknown"};
Voyons si‹/›

L'objet (utilisateur) de l'exemple précédent a4具有属性:firstName,age,color和location。

Vous découvrirez plus d'informations sur les objets dans la partie suivante de ce tutoriel.

Le type de l'opérateur

L'opérateur typeof peut vous aider à trouver le type de votre variable.

L'opérateur typeof retourne le type d'une variable ou d'une expression.

typeof ""  // Retourne "string"
typeof "Vishal"// Retourne "string"
typeof ""42"// Retourne "string" (le nombre entre guillemets est une chaîne)
typeof 42  // Retourne "number"
typeof true// Retourne "boolean"
typeof false   // Retourne "boolean"
typeof undefined   // Retourne "undefined"
typeof null// Retourne "object"
typeof {name: "Vishal", age:22} // Retourne "object"
typeof [2, 4, 6, 8]// Retourne "object" (pas "array", voir la note ci-dessous)
typeof function myFunc(){} // Retourne "function"
Voyons si‹/›

Note :L'opérateur typeof retourne "objet" pour les tableaux, car en JavaScript, les tableaux sont des objets.

undefined (non défini)

undefinedLa valeur indique que la valeur n'a pas été assignée à la variable, ou que la variable n'a pas été déclarée.

var city;// La valeur n'est pas définie
Voyons si‹/›

Le type est égalementundefined".

typeof city   // "undefined"
Voyons si‹/›

En définissant la valeur comme suit, vous pouvez vider n'importe quelle variableundefined. Le type sera égalementundefined".

city = undefined;   // La valeur n'est pas définie, le type n'est pas défini
Voyons si‹/›

null (vide)

Cette valeurnullreprésente l'absence intentionnelle de toute valeur d'objet.

En JavaScript, le type de donnéesnullC'est un objet.

En définissant la valeur comme suit, vous pouvez vider n'importe quel objetnull".

var user = {firstName: "Vishal", age: "22", color: "blue"};
user = null;// Maintenant value est null, mais le type de données reste un objet
Voyons si‹/›

Vous pouvez également vider un objet en le définissant comme suitundefined".

var user = {firstName: "Vishal", age: "22", color: "blue"};
user = undefined;   // Les valeurs et les types ne sont pas définis
Voyons si‹/›

La différence entre null (vide) et undefined (non défini)

nulletundefinedLes valeurs sont égales mais de types différents.

typeof null  // "object" (pas "null" pour des raisons de compatibilité avec les versions antérieures)
typeof undefined // "undefined"
Voyons si‹/›

Lorsque vous vérifieznullouundefinedVeuillez noter la différence entre les opérateurs d'égalité (==) et d'identité (===), car le premier effectue une conversion de type.

null == undefined // true
null === undefined// false

Traitement simultané de plusieurs types de données

Bien que chaque programme que vous créez contiendra plusieurs types de données.

Lorsque vous utilisez des opérateurs utilisés entre des types de données croisés (par exemple+Peut obtenir des résultats inattendus lorsque vous utilisez des opérateurs qui peuvent ajouter des nombres ou joindre des chaînes de caractères).

Lorsque vous ajoutez des nombres et des chaînes, JavaScript considère les nombres comme des chaînes.

var x = 5 + "Sky";
Voyons si‹/›

Lorsque vous ajoutez des chaînes et des nombres, JavaScript considère les nombres comme des chaînes.

var x = "Sky" + 5;
Voyons si‹/›

JavaScript calcule l'expression de gauche à droite. Des séquences différentes peuvent produire des résultats différents:

var x = 5 + 3 + "Sky";
Voyons si‹/›
var x = "Sky" + 5 + 3;
Voyons si‹/›

Dans le premier exemple, JavaScript va5et3Considéré comme un nombre jusqu'à ce que 'Sky'.

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.