Types de données JavaScript


Chaîne, Nombre, Booléen, Tableau, Objet, Null, Non défini.

JavaScript a une saisie dynamique

JavaScript a une saisie dynamique. Cela signifie qu'une même variable peut être utilisée sous différents types :

Instance

variable x ; // x n'est pas défini
var x = 5; // Maintenant x est un nombre
var x = "John"; // Maintenant x est une chaîne


Chaîne JavaScript

Les chaînes sont des variables qui stockent des caractères (tels que "Bill Gates").

La chaîne peut être n'importe quel texte entre guillemets. Vous pouvez utiliser des guillemets simples ou doubles :

Instance

var carname="Volvo XC60";
var carname='Volvo XC60';

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

Exemple

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>

<script>
var carname1="Volvo XC60";
var carname2='Volvo XC60';
var answer1="It's alright";
var answer2="He is called 'Johnny'";
var answer3='He is called "Johnny"';
document.write(carname1 + "<br>")
document.write(carname2 + "<br>")
document.write(answer1 + "<br>")
document.write(answer2 + "<br>")
document.write(answer3 + "<br>")
</script>

</body>
</html>

Exécuter l'instance»

Cliquez sur le bouton "Exécuter l'instance" pour visualiser l'instance en ligne

Vous en apprendrez plus dans la partie avancée de ce tutoriel En savoir plus sur les chaînes.

Numéros JavaScript

JavaScript n'a qu'un seul type de nombre. Les nombres peuvent être avec ou sans point décimal :

Exemple

var x1=34.00 //Utilisez le point décimal pour écrire
var x2=34 ;           // //Écrit sans point décimal

Des nombres très grands ou très petits peuvent être écrits en utilisant la notation scientifique (exponentielle) :

Exemple 

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>
<script>
var x1=34.00;
var x2=34;
var y=123e5;
var z=123e-5;
document.write(x1 + "<br>")
document.write(x2 + "<br>")
document.write(y + "<br>")
document.write(z + "<br>")
</script>
</body>
</html>

Exécuter l'instance»

Cliquez sur le bouton "Exécuter l'instance" pour afficher l'instance en ligne

Vous serez au niveau avancé de cette section du didacticiel pour en savoir plus sur les nombres.

JavaScript Booléen

Booléen (logique) ne peut avoir que deux valeurs : vrai ou faux.

var x=true;
var y=false;

Le booléen est souvent utilisé dans les tests conditionnels. Vous en apprendrez davantage sur les tests conditionnels plus loin dans ce didacticiel.

JavaScript Array

Le code suivant crée un tableau nommé cars :

var cars=new Array();
cars[0 ] ="Saab";
cars[1]="Volvo";
cars[2]="BMW";

ou (tableau condensé) :

var cars=new Array("Saab","Volvo","BMW");

ou (tableau littéral ):

Instance

<!DOCTYPE html>
<html>
<body>

<script>
var i;
var cars = new Array();
cars[0] = "Saab";
cars[1] = "Volvo";
cars[2] = "BMW";

for (i=0;i<cars.length;i++)
{
document.write(cars[i] + "<br>");
}
</script>

</body>
</html>

Exécuter l'instance»

Cliquez sur le bouton « Exécuter l'instance » pour afficher l'instance en ligne

Les indices du tableau sont de base zéro, donc le premier élément est [0], le second est [1], et ainsi de suite.

Vous en apprendrez plus sur les tableaux plus loin dans ce didacticiel.

Objets JavaScript

les objets sont séparés par des accolades. Entre crochets, les propriétés de l'objet sont définies sous forme de paires nom et valeur (nom : valeur). Les propriétés sont séparées par des virgules :

var person={firstname:"John", lastname:"Doe", id:5566};

Object dans l'exemple ci-dessus (personne) a trois attributs : prénom, nom et identifiant.

Les espaces et les sauts de ligne n'ont pas d'importance. La déclaration peut s'étendre sur plusieurs lignes :

var person={
firstname : "John",
lastname : "Doe",
id : 5566
};

Les propriétés d'objet ont deux méthodes d'adressage :

Instance

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>

<script>
var person=
{
	firstname : "John",
	lastname  : "Doe",
	id        :  5566
};
document.write(person.lastname + "<br>");
document.write(person["lastname"] + "<br>");
</script>

</body>
</html>

Instance en cours d'exécution»

Cliquez sur le bouton « Exécuter l'instance » pour afficher une instance en ligne

Vous en apprendrez davantage sur les objets dans les chapitres suivants de ce didacticiel.

Indéfini et Null

Indéfini Cette valeur signifie que la variable ne contient pas de valeur.

Une variable peut être effacée en définissant sa valeur sur null.

Instance

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>

<script>
var person;
var car="Volvo";
document.write(person + "<br>");
document.write(car + "<br>");
var car=null
document.write(car + "<br>");
</script>

</body>
</html>

Exécuter l'instance»

Cliquez sur le bouton « Exécuter l'instance » pour afficher l'instance en ligne

Déclaration des types de variables

Lorsque vous déclarez une nouvelle variable, vous pouvez utiliser le mot-clé "new" pour déclarer son type :

var carname= new String;
var x= new Number;
var y= new Boolean;
var cars= new Array;
var person= new Object;


lampJavaScript 变量均为对象。当您声明一个变量时，就创建了一个新的对象。