Conversion de type JavaScript

La conversion de type est une méthode qui convertit un type de données en un autre type de données.

Dans JavaScript, les types de données sont utilisés pour classer une catégorie de données spécifique, déterminer les valeurs qui peuvent être assignées à ce type et les opérations qui peuvent être exécutées sur ce type.

Types de données JavaScript

Dans JavaScript, il y a5Différents types de données peuvent contenir des valeurs :

• string

• number

• boolean

• object

• function

Il y a3Types d'objets :

• Object

• Date

• Array

Il y a aussi2Types de données qui ne peuvent pas contenir de valeurs :

• null

• undefined

Types d'opérateurs

L'opérateur typeof peut vous aider à trouver le type de votre variable.

L'opérateur typeof retourne le type d'une variable ou d'une expression.

typeof ""　　//　Retourne "string"
typeof "Vishal"//　Retourne "string"
typeof "42"//　Retourne "string" (les chiffres entre les guillemets sont des chaînes de caractères)
typeof　42　　//　Retourne "number"
typeof true//　Retourne "boolean"
typeof false　　　//　Retourne "boolean"
typeof undefined　　　//　Retourne "undefined"
typeof null//　Retourne "object"
typeof {name:"Vishal", age:22}　//　Retourne "object"
typeof [2,　4,　6,　8]//　Retourne "object" (pas "tableau")
typeof function myFunc(){}　//　Retourne "function"

Vous pouvez utiliser l'opérateur typeof pour trouver le type de données d'une variable JavaScript.

Conversion implicite

En tant que langage de programmation, JavaScript est très tolérant envers les valeurs inattendues. Par conséquent, JavaScript essaiera de convertir les valeurs inattendues plutôt que de les rejeter directement. Cette conversion implicite est appelée type casting.

Par exemple, dans les opérations mathématiques, les valeurs sont automatiquement converties en nombres.

Mais, les résultats ne sont pas toujours ceux que vous attendez :

"3"　+　2//　Retourne "32"　　(car22,
"3"　-　2//　retourne　1　3,3)
"3"　*　"2"　　//　retourne　6　(car "3" et "2" est converti en　3　et　2)
2　+　true　　　//　retourne　3　(car true est converti en　1)
2　+　false　　//　retourne　2　(car false est converti en 0)
2　+　null　　　//　retourne　2　(car null est converti en 0)
"2"　+　null　//　Retourne "2null"　　(car null est converti en "null")

Dans certains cas, nous devons convertir explicitement une valeur d'un type de données à un autre.

JavaScript propose de nombreux méthodes différentes pour effectuer de telles tâches de conversion de type de données.

Dans les sections suivantes, nous discuterons en détail de ces méthodes.

Convertir la valeur en chaîne de caractères

On peut le faire en appelantString()Fonction oux.toString()Méthode, convertissons explicitement la valeur en chaîne de caractères.

Par cetteString()Fonction, nous allons convertir la valeurtruePasser en paramètre, ce qui convertit la valeur booléenne en chaîne de caractères :

String(true);//　Retourne "true"

De plus, nous pouvons passer un nombre à la fonction :

String(108);//　Retourne "108"

Nous pouvons utiliser l'opérateur typeof pour vérifier le type :

typeof String(true);//　Retourne "string"
typeof String(108);　//　Retourne "string"

Nous pouvons utiliser de la même manièrex.toString()Méthode. Nous pouvons remplacer x par une variable :

let　temp　=　108;
temp.toString();

Ou, nous pouvons insérer la valeur entre des parenthèses plutôt que d'utiliser x.toString() pour définir une variable :

(9048).toString();//　Retourne "9048"
(false).toString();　　　//　Retourne "false"
(50　+　20).toString();　//　Retourne "70"

En utilisantString()oux.toString()Nous pouvons explicitement convertir les valeurs de types de données Boolean ou number en valeurs de chaîne de caractères pour nous assurer que notre code fonctionne comme prévu.

Convertir une valeur en nombre

Lorsque nous convertissons une valeur en type de données numérique, nous utiliseronsNumber()Fonction.

Tout d'abord, nous allons convertir la chaîne de caractères textuelle en nombre, mais nous pouvons également convertir une valeur booléenne.

Nous pouvons passer une chaîne de caractères numérique àNumber()Fonction :

Number("1992");//　retourne　1992

Nous pouvons également allouer une chaîne de caractères à une variable et la convertir :

let　debt　=　"3500";
Number(debt);　//　retourne　3500

Les chaînes de caractères vides ou les chaînes de caractères composées d'espaces seront converties en 0 (zéro) :

Number("　");//　retourne 0
Number("");　//　retourne 0

　 　 Attention, les chaînes de caractères non numériques seront converties en NaN, où NaN signifieNon-numériqueCela inclut les nombres séparés par des espaces :

Number("seventy");　　　//　retourne NaN
Number("Hello world");　　　//　retourne NaN
Number("12,000");//　retourne NaN
Number("5　7");　　　//　retourne NaN
Number("26-11-2008");//　retourne NaN

Pour le type de données booléennes,falseLa valeur est0，trueLa valeur est1：

Number(false);　　//　retourne 0
Number(true);　　　//　retourne　1

Si le paramètre est un objet Date, alorsNumber()La fonction retourne depuis UTC 1970 an1mois1millisecondes depuis minuit le jour :

Number(new Date());

LeNumber()La fonction convertit 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, utilisez la fonction Boolean().

Toute valeur interprétée comme vide (par exemple, le nombre 0, une chaîne vide ou des valeurs undefined ou NaN ou null) est convertie enfalse：

Boolean(0);　//　Renvoie false
Boolean("");//　Renvoie false
Boolean(undefined);　//　Renvoie false
Boolean(NaN);　　　//　Renvoie false
Boolean(null);　　//　Renvoie false

Les autres valeurs sont converties entrue，y compris les textes de chaîne composés d'espaces :

Boolean(50);　//　Renvoie true
Boolean(-50);//　Renvoie true
Boolean(3.14);　　　//　Renvoie true
Boolean("false");//　Renvoie true
Boolean("Hello　World");　　//　Renvoie true

Notez que " 0" en tant que texte de chaîne est converti entrue,Car il s'agit d'une valeur de chaîne non vide :

Boolean("0");　　　//　Renvoie true

Convertir des nombres et des chaînes en valeurs booléennes nous permet d'évaluer les données dans les termes binaires et de l'utiliser pour spécifier des flux dans le programme.

Convertir un tableau en une chaîne

toString()Cette méthode convertit le tableau en une chaîne de valeurs d'array séparées par des virgules.

var　months　=　["Jan",　"Feb",　"Mar",　"Apr",　"May"];
document.getElementById("result").innerHTML = months.toString();

join()Cette méthode convertit également tous les éléments du tableau en une nouvelle chaîne de caractères.

Le comportement de cette méthode est similaire àtoString()，mais vous pouvez également spécifier le séparateur.

var　fruits　=　["Banana",　"Apple",　"Mango"];
fruits.join("　+　");　　　//　Banana　+　Apple　+　Mango
fruits.join("　/　");　　　//　Banana　/　Apple　/　Mango
fruits.join("　©　");　　//　Banana © Apple © Mango

Lorsque l'on s'attend à la valeur originale, JavaScript convertit automatiquement le tableau en une chaîne de caractères séparée par des virgules.

Lorsque vous essayez de sortir un tableau, c'est toujours ainsi.

let fruits = ["Apple", "Mango", "Banana", "Orange"];
document.getElementById("result").innerHTML = fruits;

Convertir une chaîne en tableau

split()La méthode pour diviser une chaîne en tableau de sous-chaînes, puis retourner le nouveau tableau.

Nous allons utilisersplit()La méthode sépare l'array en utilisant des caractères d'espace vides " " pour représenter.

var str = 'Air Pollution is introduction of chemicals to the atmosphere.';
var arr = str.split("　");

Maintenant nous sommes dansarrUn nouveau tableau a été ajouté à la variable, nous pouvons utiliser l'index pour accéder à chaque élément :

arr[0];　　　//　Air
arr[2];　　　//　est

Dans l'exemple suivant, nous utiliserons "i" comme séparateur :

var str = 'Air Pollution is introduction of chemicals to the atmosphere.';
var arr = str.split("i");

Si une chaîne vide ("") est utilisée comme séparateur, la chaîne est convertie en tableau de caractères :

var str = 'Air Pollution is introduction of chemicals to the atmosphere.';
var arr = str.split(