Maison interface Web js tutoriel Comprendre la conversion de type de données en JavaScript

Comprendre la conversion de type de données en JavaScript

Oct 19, 2020 pm 05:50 PM
javascript 数据类型转换

Comprendre la conversion de type de données en JavaScript

En JavaScript, les types de données sont utilisés pour classer un type spécifique de données, déterminant les valeurs qui peuvent être attribuées à ce type et les opérations qui peuvent y être effectuées.

Bien que JavaScript convertisse automatiquement de nombreuses valeurs en raison de la coercition de type, il est souvent préférable de convertir manuellement les valeurs entre les types afin d'obtenir les résultats souhaités.

Ce didacticiel vous guidera dans la conversion des types de données de base de JavaScript, notamment les nombres, les chaînes et les valeurs booléennes.

Conversions implicites

En tant que langage de programmation, JavaScript a une grande tolérance aux valeurs inattendues. Par conséquent, JavaScript tentera de convertir les valeurs inattendues au lieu de les rejeter purement et simplement. Cette conversion implicite est appelée coercition de type.

Certaines méthodes convertissent automatiquement les valeurs afin de les utiliser. La méthode alert() accepte une chaîne comme paramètre, mais elle convertira automatiquement les autres types en chaîne. Par conséquent, nous pouvons transmettre une valeur numérique à la méthode :

alert(8.5);
Copier après la connexion

Si nous exécutons la ligne de code ci-dessus, le navigateur renverra une boîte de dialogue d'avertissement contextuelle affichant la valeur 8,5, mais elle sera convertie en chaîne .

Lorsque vous travaillez avec des chaînes qui peuvent être évaluées comme des nombres via des opérateurs mathématiques, vous constaterez que JavaScript est capable de gérer ces valeurs en convertissant implicitement la chaîne en nombre, comme le montre l'exemple ci-dessous.

// Subtraction
"15" - "10";
Copier après la connexion

Sortie : 5

// Modulo
"15" % "10";
Copier après la connexion

Sortie : 5

Cependant, tous les opérateurs ne fonctionnent pas comme prévu. Il y a des problèmes évidents avec l'opérateur +, car il peut représenter une addition ou une concaténation de chaînes.

// When working with strings, + stands for concatenation
"2" + "3";
Copier après la connexion

Sortie : "23"

Puisque l'opérateur + est polyvalent, les valeurs de chaîne 2 et 3 sont concaténées dans la valeur de chaîne 23 bien qu'il s'agisse de chaînes numériques, au lieu de en s'additionnant pour devenir le chiffre 5.

Parce que des ambiguïtés peuvent exister et conduire parfois à des résultats inattendus, il est généralement préférable de convertir explicitement autant de types de données que possible dans votre code. Cela aidera à gérer les entrées des utilisateurs et à gérer les erreurs.

Convertir une valeur en chaîne

Une valeur peut être convertie explicitement en chaîne en appelant String() ou N.ToString().

À l'aide de la fonction String(), convertissons la valeur booléenne en chaîne en passant la valeur true au paramètre de String().

String(true);
Copier après la connexion

Quand nous ferons cela, la chaîne littérale "true" sera renvoyée.

Sortie : "true"

Alternativement, nous pouvons transmettre un nombre à la fonction.

String(49);
Copier après la connexion

renverra la chaîne littérale du nombre.

Sortie : "49"

Utilisons la fonction String() avec une variable. Nous attribuerons une valeur numérique à la variable odyssey, puis utiliserons l'opérateur typeof pour vérifier le type.

let odyssey = 2001;
console.log(typeof odyssey);
Copier après la connexion

Sortie : nombre

A ce moment, la variable odyssée se voit attribuer la valeur de 2001, et nous avons confirmé qu'il s'agit d'un nombre.

Maintenant, réaffectons odyssey à son équivalent de chaîne, puis utilisons typeof pour confirmer que nous avons réussi à convertir la valeur de la variable d'un nombre en chaîne.

odyssey = String(odyssey); // "2001"
console.log(typeof odyssey);
Copier après la connexion

Sortie : string

Dans l'exemple ci-dessus, nous avons confirmé qu'odyssey est réaffecté à une valeur de chaîne après la conversion du type de données.

Nous pouvons utiliser n.toString() de la même manière. On peut remplacer n par la variable :

let blows = 400;
blows.toString();
Copier après la connexion

La variable coup sera renvoyée sous forme de chaîne.

Sortie : "400"

Alternativement, nous pouvons mettre la valeur entre parenthèses au lieu de la variable n.toString() :

(1776).toString(); // returns "1776"
(false).toString(); // returns "false"
(100 + 200).toString(); // returns "300"
Copier après la connexion

Pass Using String() ou n.toString(), nous sommes en mesure de convertir explicitement une valeur de type de données booléenne ou numérique en valeur String pour garantir que le code se comporte comme prévu.

Convertir la valeur en nombre

Lors de la conversion d'une valeur en type de données numérique, nous utiliserons la méthode number(). Tout d’abord, nous allons convertir une chaîne de texte numérique en nombre, mais nous pouvons également convertir des valeurs booléennes.

Nous pouvons passer une chaîne numérique à la méthode number() :

Number("1984");
Copier après la connexion

La chaîne sera convertie en nombre et ne sera plus mise entre guillemets .

Sortie : 1984

On peut également attribuer une chaîne à une variable puis la convertir.

let dalmatians = "101";
Number(dalmatians);
Copier après la connexion

Sortie : 101

La chaîne littérale "101" est convertie en nombre 101 via ses variables.

Les chaînes vides ou vides seront converties en 0.

Number(" "); // returns 0
Number(""); // returns 0
Copier après la connexion

Notez que les chaînes non numériques seront converties en NaN, ce qui signifie non numérique. Cela inclut les nombres séparés par des espaces.

Number("twelve"); // returns NaN
Number("20,000"); // returns NaN
Number("2 3"); // returns NaN
Number("11-11-11"); // returns NaN
Copier après la connexion

Pour le type de données booléen, la valeur de false est 0 et la valeur de true est 1. Le rôle de la méthode

Number(false); // returns 0
Number(true); // returns 1
Copier après la connexion

est de convertir les types de données non numériques en nombres.

Convertir une valeur en valeur booléenne

Pour convertir un nombre ou une chaîne en valeur booléenne, vous pouvez utiliser la méthode Boolean(). Ceci est utile pour déterminer si l'utilisateur a saisi des données dans un champ de texte, par exemple.

Toute valeur interprétée comme nulle, comme le nombre 0, la chaîne vide ou la valeur non définie, NaN ou null, est convertie en faux.

Boolean(0); // returns false
Boolean(""); // returns false
Boolean(undefined); // returns false
Boolean(NaN); // returns false
Boolean(null); // returns false
Copier après la connexion

Les autres valeurs seront converties en vrai, y compris les chaînes littérales constituées d'espaces.

Boolean(2000); // returns true
Boolean(" "); // returns true
Boolean("Maniacs"); // returns true
Copier après la connexion

Notez que "0" en tant que chaîne littérale sera converti en vrai puisqu'il s'agit d'une valeur de chaîne non vide :

Boolean("0");   // returns true
Copier après la connexion

将数字和字符串转换为布尔值可以允许我们在二进制术语中计算数据,并且可以用于程序中的控制流。

相关免费学习推荐:js视频教程

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!

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

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

AI Hentai Generator

AI Hentai Generator

Générez AI Hentai gratuitement.

Article chaud

R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
2 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Repo: Comment relancer ses coéquipiers
4 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: Comment obtenir des graines géantes
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Combien de temps faut-il pour battre Split Fiction?
3 Il y a quelques semaines By DDD

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Comment mettre en œuvre un système de reconnaissance vocale en ligne à l'aide de WebSocket et JavaScript Comment mettre en œuvre un système de reconnaissance vocale en ligne à l'aide de WebSocket et JavaScript Dec 17, 2023 pm 02:54 PM

Comment utiliser WebSocket et JavaScript pour mettre en œuvre un système de reconnaissance vocale en ligne Introduction : Avec le développement continu de la technologie, la technologie de reconnaissance vocale est devenue une partie importante du domaine de l'intelligence artificielle. Le système de reconnaissance vocale en ligne basé sur WebSocket et JavaScript présente les caractéristiques d'une faible latence, d'un temps réel et d'une multiplateforme, et est devenu une solution largement utilisée. Cet article explique comment utiliser WebSocket et JavaScript pour implémenter un système de reconnaissance vocale en ligne.

WebSocket et JavaScript : technologies clés pour mettre en œuvre des systèmes de surveillance en temps réel WebSocket et JavaScript : technologies clés pour mettre en œuvre des systèmes de surveillance en temps réel Dec 17, 2023 pm 05:30 PM

WebSocket et JavaScript : technologies clés pour réaliser des systèmes de surveillance en temps réel Introduction : Avec le développement rapide de la technologie Internet, les systèmes de surveillance en temps réel ont été largement utilisés dans divers domaines. L'une des technologies clés pour réaliser une surveillance en temps réel est la combinaison de WebSocket et de JavaScript. Cet article présentera l'application de WebSocket et JavaScript dans les systèmes de surveillance en temps réel, donnera des exemples de code et expliquera leurs principes de mise en œuvre en détail. 1. Technologie WebSocket

Comment mettre en œuvre un système de réservation en ligne à l'aide de WebSocket et JavaScript Comment mettre en œuvre un système de réservation en ligne à l'aide de WebSocket et JavaScript Dec 17, 2023 am 09:39 AM

Comment utiliser WebSocket et JavaScript pour mettre en œuvre un système de réservation en ligne. À l'ère numérique d'aujourd'hui, de plus en plus d'entreprises et de services doivent fournir des fonctions de réservation en ligne. Il est crucial de mettre en place un système de réservation en ligne efficace et en temps réel. Cet article explique comment utiliser WebSocket et JavaScript pour implémenter un système de réservation en ligne et fournit des exemples de code spécifiques. 1. Qu'est-ce que WebSocket ? WebSocket est une méthode full-duplex sur une seule connexion TCP.

Comment utiliser JavaScript et WebSocket pour mettre en œuvre un système de commande en ligne en temps réel Comment utiliser JavaScript et WebSocket pour mettre en œuvre un système de commande en ligne en temps réel Dec 17, 2023 pm 12:09 PM

Introduction à l'utilisation de JavaScript et de WebSocket pour mettre en œuvre un système de commande en ligne en temps réel : avec la popularité d'Internet et les progrès de la technologie, de plus en plus de restaurants ont commencé à proposer des services de commande en ligne. Afin de mettre en œuvre un système de commande en ligne en temps réel, nous pouvons utiliser les technologies JavaScript et WebSocket. WebSocket est un protocole de communication full-duplex basé sur le protocole TCP, qui peut réaliser une communication bidirectionnelle en temps réel entre le client et le serveur. Dans le système de commande en ligne en temps réel, lorsque l'utilisateur sélectionne des plats et passe une commande

Tutoriel JavaScript simple : Comment obtenir le code d'état HTTP Tutoriel JavaScript simple : Comment obtenir le code d'état HTTP Jan 05, 2024 pm 06:08 PM

Tutoriel JavaScript : Comment obtenir le code d'état HTTP, des exemples de code spécifiques sont requis Préface : Dans le développement Web, l'interaction des données avec le serveur est souvent impliquée. Lors de la communication avec le serveur, nous devons souvent obtenir le code d'état HTTP renvoyé pour déterminer si l'opération a réussi et effectuer le traitement correspondant en fonction de différents codes d'état. Cet article vous apprendra comment utiliser JavaScript pour obtenir des codes d'état HTTP et fournira quelques exemples de codes pratiques. Utilisation de XMLHttpRequest

JavaScript et WebSocket : créer un système efficace de prévisions météorologiques en temps réel JavaScript et WebSocket : créer un système efficace de prévisions météorologiques en temps réel Dec 17, 2023 pm 05:13 PM

JavaScript et WebSocket : Construire un système efficace de prévisions météorologiques en temps réel Introduction : Aujourd'hui, la précision des prévisions météorologiques revêt une grande importance pour la vie quotidienne et la prise de décision. À mesure que la technologie évolue, nous pouvons fournir des prévisions météorologiques plus précises et plus fiables en obtenant des données météorologiques en temps réel. Dans cet article, nous apprendrons comment utiliser la technologie JavaScript et WebSocket pour créer un système efficace de prévisions météorologiques en temps réel. Cet article démontrera le processus de mise en œuvre à travers des exemples de code spécifiques. Nous

Comment obtenir facilement le code d'état HTTP en JavaScript Comment obtenir facilement le code d'état HTTP en JavaScript Jan 05, 2024 pm 01:37 PM

Introduction à la méthode d'obtention du code d'état HTTP en JavaScript : Dans le développement front-end, nous devons souvent gérer l'interaction avec l'interface back-end, et le code d'état HTTP en est une partie très importante. Comprendre et obtenir les codes d'état HTTP nous aide à mieux gérer les données renvoyées par l'interface. Cet article explique comment utiliser JavaScript pour obtenir des codes d'état HTTP et fournit des exemples de code spécifiques. 1. Qu'est-ce que le code d'état HTTP ? Le code d'état HTTP signifie que lorsque le navigateur lance une requête au serveur, le service

Conversion de types de données PHP8 : méthodes et partage de cas pour améliorer l'efficacité de la conversion Conversion de types de données PHP8 : méthodes et partage de cas pour améliorer l'efficacité de la conversion Jan 05, 2024 am 09:01 AM

Conversion de type de données PHP8 : méthodes de conversion efficaces et partage de cas Introduction : La conversion de type de données est une opération très courante en programmation, en particulier dans des scénarios tels que le traitement des entrées utilisateur, le stockage et la sortie des données. En PHP8, les opérations de conversion de types de données sont plus efficaces et flexibles. Cet article présentera les méthodes de conversion de types de données couramment utilisées dans PHP8 et démontrera son application pratique à travers des exemples de code spécifiques. Conversion de type de données de base 1.1 Conversion de chaîne en entier En PHP8, vous pouvez utiliser (int), intval(),

See all articles