Comment convertir javascript en int

En JavaScript, nous devons parfois convertir une chaîne en valeur entière. Dans cet article, nous explorerons les différentes manières de convertir une chaîne en valeur entière en JavaScript. Nous discuterons également de certaines bonnes pratiques et de certains pièges potentiels.

Méthode 1 : Utiliser parseInt()

En JavaScript, nous pouvons utiliser la fonction parseInt() pour convertir une chaîne en valeur entière. Cette fonction prend une chaîne comme argument et renvoie un entier décimal. Par exemple :

let str = "123";
let num = parseInt(str);

console.log(num); // 123

Veuillez noter que la fonction parseInt() retournera NaN si l'argument n'est pas une chaîne commençant par un nombre.

let str = "hello";
let num = parseInt(str);

console.log(num); // NaN

Vous pouvez également utiliser la fonction parseInt() pour convertir une chaîne en valeur entière dans d'autres bases. Le deuxième paramètre de cette fonction est un entier représentant la base. Par exemple, convertissez une chaîne hexadécimale en un entier décimal :

let hexStr = "FF";
let decimal = parseInt(hexStr, 16);

console.log(decimal); // 255

Veuillez noter que si l'argument de base n'est pas un nombre légal, la fonction parseInt() renverra NaN.

let str = "123";
let num = parseInt(str, "123");

console.log(num); // NaN

Méthode 2 : Utiliser Number()

La fonction Number() en JavaScript peut également convertir une chaîne en valeur entière. Contrairement à parseInt(), la fonction Number() n'ignore pas les caractères non numériques dans une chaîne.

let str = "123abc";
let num = Number(str);

console.log(num); // NaN

Si la chaîne commence par un nombre, la fonction Number() la convertira en une valeur entière.

let str = "123";
let num = Number(str);

console.log(num); // 123

Méthode 3 : utiliser l'opérateur unaire plus

En JavaScript, l'opérateur unaire plus (+) peut également convertir des chaînes en valeurs entières. Cet opérateur prend une chaîne comme opérande et renvoie une valeur numérique. Par exemple :

let str = "123";
let num = +str;

console.log(num); // 123

De même, si la chaîne contient des caractères non numériques, l'opérateur renverra NaN.

let str = "hello";
let num = +str;

console.log(num); // NaN

Bonnes pratiques

Il existe quelques bonnes pratiques à suivre lors de la conversion d'une chaîne en entier à l'aide de la méthode ci-dessus.

1. Utilisez toujours le deuxième paramètre de la fonction parseInt() pour vous assurer que la chaîne est correctement convertie en entier.
2. Si la méthode utilisée pour convertir une chaîne renvoie NaN, ne vous fiez pas à ce résultat dans votre code car cela pourrait entraîner des erreurs difficiles à résoudre. Veuillez utiliser des instructions conditionnelles ou des instructions try-catch pour gérer de telles situations.
3. Lorsque vous utilisez l'opérateur unaire plus pour convertir une chaîne en entier, assurez-vous que la chaîne ne contient que des caractères numériques. Si la chaîne contient d'autres caractères, l'opération renvoie NaN.

Pièges potentiels

Veuillez être conscient des pièges potentiels suivants lorsque vous utilisez la méthode ci-dessus.

1. Si la chaîne dépasse la plage des nombres entiers possibles, des valeurs négatives peuvent résulter d'un débordement.

let str = "99999999999999999999";
let num = parseInt(str);

console.log(num); // -1

2. Si vous utilisez la fonction parseInt() pour convertir des chaînes comme "08" et "09" en entiers, vous risquez d'obtenir des résultats inattendus. C’est parce que ces chaînes ont un zéro devant elles.

let str = "08";
let num = parseInt(str);

console.log(num); // 8

Cette situation peut être résolue en spécifiant le paramètre de base.

let str = "08";
let num = parseInt(str, 10);

console.log(num); // 8

Conclusion

En JavaScript, nous pouvons convertir une chaîne en valeur entière en utilisant plusieurs méthodes, notamment la fonction parseInt(), la fonction Number() et l'opérateur unaire plus. Lorsque vous utilisez ces méthodes, suivez les meilleures pratiques et soyez conscient des pièges potentiels.

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!