Types de données des variables en JavaScript

Introduction aux types de données variables

Les variables ont des types de données. Ce type provient de la "valeur de la variable", autrement dit : valeur De quel type est la variable ?

Les types de variables en JS sont :

Type numérique, type de caractère, type booléen, non défini, nul, tableau, objet, fonction

Il s'agit de huit types de données, divisés en deux grandes catégories :

Types de données de base : numérique, caractère, type booléen, non défini type, type vide. Particularité très notable : un nom de variable ne peut stocker qu'une seule valeur.

Exemple : var a = 10;

Types de données composites : tableau, objet, fonction. Caractéristique importante : un nom de variable peut stocker plusieurs valeurs.

Exemple : var arr = [10,20,30,40]

Dans cette section, nous présenterons les types de données de base qui seront abordés. plus tard. Le chapitre présente en détail

Type numérique :

valeur numérique qui peut être utilisé pour les opérations mathématiques. Les types incluent : entier, virgule flottante, NaN.
var a = 100;

var a = 0,9;

var a = 0;

Remarque : Il existe un autre type de valeur très spécial La valeur est NaN. NaN (pas un nombre) n'est pas un nombre.

Lors de la conversion d'autres types de données en types numériques et qu'ils ne peuvent pas être convertis, mais que le programme ne peut pas signaler d'erreur, une valeur NaN sera renvoyée.

<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>php.cn</title>
        <script>
           //现在我们想让一个东西的长度变成原来的10倍
           var length = "300m";
           /*
           一个字符串，是不能转换成有意义的数值的，只能转换成NaN
           一个含纯数字的字符串，可以转成有意义的数值，大家可以修改length为纯数字的字符串，输出查看结果
           */
           length = length*10;
           document.write(length);
        </script>
    </head>
    <body>
    </body>
</html>

Type de caractère : une chaîne entourée de guillemets simples ou doubles.

var a = "Ceci est une chaîne";

var b = 'Ceci est aussi une chaîne';

var c = "";

Les guillemets simples et les guillemets doubles peuvent être imbriqués les uns dans les autres

Seuls les guillemets doubles peuvent être imbriqués dans des guillemets simples
Seuls les guillemets simples peuvent être imbriqués dans des guillemets doubles.

<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>php.cn</title>
        <script type="text/javascript">
            var name = "小明";
            //加号为字符串连接符，我们之后会介绍
            var str = "我的名字叫做'" +name+"'"
            document.write(str)
        </script>
    </head>
    <body>
    </body>
</html>

Si vous souhaitez imbriquer des guillemets doubles entre guillemets doubles, les guillemets doubles à l'intérieur doivent être échappés (").

Échap en JS Le caractère signifiant est une barre oblique inverse ( ).

Les caractères d'échappement couramment utilisés sont : ', ", \, r, n, etc.

C'est-à-dire que lorsque le navigateur rencontre une barre oblique inverse (), il traitera spécialement le caractère suivant et le traitera comme un caractère ordinaire. Les caractères dits « normaux » sont a, b, c, &, etc.

<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>php.cn</title>
        <script type="text/javascript">
            var name = "小明";
            //加号为字符串连接符，我们之后会介绍
            var str = "我的名字叫做\"" +name+"\""
            document.write(str)
        </script>
    </head>
    <body>
    </body>
</html>

Type booléen

Le type booléen est également appelé type logique. Il n'y a que deux valeurs : vrai (vrai), faux (faux).

Le type booléen n'a que deux états. Tels que : le sexe, l'état civil, l'interrupteur d'éclairage, s'il est sur liste noire, etc.

var a = true;

var b = false;

Le type booléen est couramment utilisé dans les instructions de jugement conditionnel if (nous introduirons les instructions de jugement conditionnel dans les chapitres suivants, tout le monde observe d'abord les résultats)

<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>php.cn</title>
        <script type="text/javascript">
           var x = 10;
           var y = 110;
           //x>y比较出来的结果是布尔值
           if(x>y){
               document.write(x+"比"+y+"大些");
           }else{
               document.write(y+"比"+x+"大些");
           }
        </script>
    </head>
    <body>
    </body>
</html>

Indéfini

Lorsqu'une variable est définie mais qu'aucune valeur n'est attribuée, un type indéfini sera renvoyé. La valeur d'un type indéfini n'a qu'un seul indéfini.

Lorsque la propriété d'un objet n'existe pas, un type non défini est également renvoyé.

<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>php.cn</title>
        <script type="text/javascript">
           var x;
           document.write(x);
        </script>
    </head>
    <body>
    </body>
</html>

Vide

Lorsqu'un objet n'existe pas, un type nul sera renvoyé et la valeur du type nul est uniquement nulle.

peut également être compris comme : un espace réservé pour un objet.

Si vous souhaitez effacer la valeur d'une variable, vous pouvez attribuer une valeur nulle.

var a = 100;

var a = null ; //Attribuer une valeur nulle à une variable pour effacer sa valeur

<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>php.cn</title>
        <script type="text/javascript">
            var x = null;
            document.write(x);
        </script>
    </head>
    <body>
    </body>
</html>

Formation continue

nouveau fichier

<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>php.cn</title> <script> //现在我们想让一个东西的长度变成原来的10倍 var length = "300m"; /* 一个字符串，是不能转换成有意义的数值的，只能转换成NaN 一个含纯数字的字符串，可以转成有意义的数值，大家可以修改length为纯数字的字符串，输出查看结果 */ length = length*10; document.write(length); </script> </head> <body> </body> </html>

soumettre Réinitialiser le code

Opération automatique

Types de données des variables en 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]