Maison > interface Web > js tutoriel > Vous amène à comprendre les types de variables JavaScript et la conversion entre les variables

Vous amène à comprendre les types de variables JavaScript et la conversion entre les variables

WBOY
Libérer: 2022-08-04 09:21:14
original
1875 Les gens l'ont consulté

Cet article vous apporte des connaissances pertinentes sur javascript. Il présente principalement en détail les types de variables JavaScript et les conversions entre les variables. L'exemple de code dans l'article est présenté de manière très détaillée et a une certaine valeur de référence. . Tout le monde est utile.

Vous amène à comprendre les types de variables JavaScript et la conversion entre les variables

[Recommandations associées : tutoriel vidéo javascript, front-end web]

1. Type de variable

<script>
        var num =10;
        console.log(typeof num);
</script>
Copier après la connexion
  • typeof : déclarer le type de variabletypeof :声明变量类型

  • alert:弹出警示框

  • prompt:输入输出语句

1.1 变量类型的颜色

根据控制台的颜色来辨别变量类型:

  • 紫色:数值型

  • 黑色:字符型

  • 蓝色:布尔型 (true false

  • 浅灰色:undefined null

< code> alert : affiche une boîte d'alerte

prompt : instruction d'entrée et de sortie

1.1 Couleur du type de variable

Identifier le type de variable en fonction de la couleur du console :

Violet : Type numérique

Noir : Type de caractère

Bleu : Type booléen (true false)


Gris clair : null non défini< /code>

    2. Littéral
  • Le littéral est la représentation d'une valeur fixe dans le code source, c'est ainsi que le littéral représente cette valeur.

  • 3. Conversion du type de données
  • 3.1. Convertir en type de chaîne
  • 1. Ajouter un signe à la chaîne d'épissage

console.log(num+'Je suis une chaîne')

2.toString( ) dans une chaîne

La représentation sous forme de chaîne d'un nombre. Par exemple, lorsque la base est 2, le NumberObject est converti en une chaîne représentant la valeur binaire. La syntaxe est la suivante :

number.toString(radix)
Copier après la connexion
Description du paramètre

radix Facultatif. Spécifie la base de représentation des nombres, qui est un entier compris entre 2 et 36. Si ce paramètre est omis, la base 10 est utilisée. Notez cependant que la norme ECMAScript permet aux implémentations de renvoyer n'importe quelle valeur si le paramètre est une valeur autre que 10.

2 - Les nombres sont affichés sous forme de valeurs binaires

8 - Les nombres sont affichés sous forme de valeurs octales

16 - Les nombres sont affichés sous forme de valeurs hexadécimales

Les exemples sont les suivants :

var num=10;
var str=num.toString();
console.log(str);
Copier après la connexion
3.string (Variable)

3.2 Convertir en type numérique (souligné)

fonction parseInt(string) - type numérique entier

la fonction parseInt() peut analyser une chaîne et renvoyer un entier.

Lorsque la valeur du paramètre radix est 0, ou que le paramètre n'est pas défini, parseInt() déterminera la base du nombre en fonction de la chaîne.

Lorsque la base du paramètre est omise, JavaScript utilise par défaut la base des nombres comme suit :

Si la chaîne commence par "0x", parseInt() analysera le reste de la chaîne en entiers hexadécimaux.

Si la chaîne commence par 0, alors ECMAScript v3 permet à une implémentation de parseInt() d'analyser les caractères suivants en nombres octaux ou hexadécimaux.

Si la chaîne commence par un nombre compris entre 1 et 9, parseInt() l'analysera en un entier décimal.

Grammar

parseInt(string, radix)
Copier après la connexion

L'exemple est le suivant

var age=prompt(&#39;请输入您的年龄&#39;);
        console .log(parseInt(age));
        console.log(parseInt(&#39;3.14&#39;));  //取整 3
        console.log(parseInt(&#39;3.98&#39;));  //取整 3
        console.log(parseInt(&#39;120px&#39;));  //取整 120
Copier après la connexion

2.fonction.parseFloat(string) - type numérique à virgule flottante

  • La fonction parseFloat() peut analyser une chaîne et renvoyer un nombre à virgule flottante.

    Cette fonction précise si le premier caractère de la chaîne est un nombre. Si tel est le cas, la chaîne est analysée jusqu'à ce qu'elle atteigne la fin du nombre, et le nombre est renvoyé sous forme de nombre plutôt que de chaîne.
  • Grammar

    parseFloat(string)
    Copier après la connexion

    Les exemples sont les suivants
  • console.log(parseFloat(&#39;3.14&#39;));
    console.log(parseFloat(&#39;120px&#39;)); //120会去掉px单位
    Copier après la connexion
  • 3. Utilisation du nombre (variable)

  • var str=&#39;123&#39;;
    console.log(number(str);
    console.log(number(&#39;123&#39;));
    Copier après la connexion
  • 4. Utilisation des opérations arithmétiques - + * / Conversion implicite

  • console.log(&#39;12&#39;-0); //12
    console.log(&#39;123&#39;-&#39;120&#39;); //3
    console.log(&#39;123&#39;*1); //123
    Copier après la connexion
  • 3.3 Convertir en type booléen.

  • Fonction Boolean()

    Les objets booléens représentent deux valeurs : "true" ou "false"
  • Le code suivant définit un objet booléen nommé myBoolean :

    var myBoolean=new Boolean();
    Copier après la connexion

    Si l'objet booléen n'a pas de valeur initiale ou si sa valeur est :

0

-0

null🎜🎜🎜🎜""🎜🎜🎜🎜false🎜🎜🎜🎜undefined🎜🎜🎜🎜NaN 🎜 🎜🎜🎜Alors la valeur de l'objet est fausse. Sinon, sa valeur est vraie (même lorsque la valeur de la variable est la chaîne "false") ! 🎜
console.log(boolean(&#39;&#39;));//false
console.log(boolean(0));//false
console.log(boolean(NaN));//false
console.log(boolean(null));//false
console.log(boolean(undefined));//false
Copier après la connexion
🎜Le reste est vrai. 🎜🎜【Recommandations associées : 🎜tutoriel vidéo javascript🎜, 🎜front-end web🎜】🎜

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal