Types de données JavaScript

Les types de données JavaScript incluent les

Chaîne
Nombre
Booléen
Array
Objet
Null
Indéfini.

JavaScript a une saisie dynamique

JavaScript a une saisie dynamique. Cela signifie que la même variable peut être utilisée sous différents types, comme ci-dessous

var x; 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 :

var carname="Volvo XC60";
var carname='Volvo XC60';
Vous pouvez utiliser des guillemets dans une chaîne tant que les guillemets entourant la chaîne ne correspondent pas :

Exemple

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>PHP中文网(PHP.CN)</title>
</head>
<body>
<script>
    var carname1="我是双引号";
    var carname2='我是单引号';
    var answer1="这是正常的";
    var answer2="我的名字是 'Johnny'";
    var answer3='我的名字是 "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écutez le code Essayez il

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

var x1=34.00; //Utiliser des points décimaux pour écrire
var x2=34; // //Écrire

des nombres très grands ou très petits sans points décimaux peut être écrit en 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écutez le programme et essayez-le

JavaScript Booléen

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

var x=true;
var y=false;

Tableau JavaScript

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écutez le programme et essayez-le

Astuce : les indices du tableau sont de base zéro, donc le premier élément est [0] et le second est [1], donc analogie .

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 des objets ont deux méthodes d'adressage :

<!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>

Exécutez le programme pour l'essayer

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.

<!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écutez le programme et essayez-le

Déclarez les 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;

Astuce : les variables JavaScript sont toutes des objets. Lorsque vous déclarez une variable, vous créez un nouvel objet.

Formation continue

nouveau fichier

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>PHP中文网(PHP.CN)</title> </head> <body> <script> var carname1="我是双引号"; var carname2='我是单引号'; var answer1="这是正常的"; var answer2="我的名字是 'Johnny'"; var answer3='我的名字是 "Johnny"'; document.write(carname1 + "<br>") document.write(carname2 + "<br>") document.write(answer1 + "<br>") document.write(answer2 + "<br>") document.write(answer3 + "<br>") </script> </body> </html>

soumettre Réinitialiser le code

Opération automatique

Types de données JavaScript

ÉlémentaireTutoriel de site Web d'imitation d'entreprise Imperial CMS

ÉlémentaireLes débutants sans aucune base dans WordPress créent des blogs personnels et des sites Web d'entreprise

ÉlémentaireVidéo d'instructions sur la création de sites Web à base zéro Ultimate CMS

ÉlémentaireProjet front-end-Shangyou [Pratique complète de la technologie HTML/CSS/JS]

IntermédiaireVue3.0 de 0 pour créer une pratique de projet de système de gestion backend universel

ÉlémentaireCours frontal base zéro [Vue apprentissage avancé et application pratique]

ÉlémentaireTutoriel WEB front-end [HTML5+CSS3+JS]

ÉlémentaireIntroduction rapide à apipost

IntermédiaireTutoriel pratique Vue3+TypeScript au niveau de l'entreprise

ÉlémentaireParlons brièvement de la création d'une entreprise en PHP

IntermédiaireProjet de commerce électronique VUE (combat réel de projet double front-end et back-end)

ÉlémentaireApplication pratique Apipost [api, interface, tests automatisés, mock]