Comment implémenter la conversion explicite et la conversion implicite en javascript

L'éditeur ci-dessous partagera avec vous un article sur la conversion explicite et la conversion implicite (explication détaillée) basée sur JavaScript. Il a une bonne valeur de référence et j'espère qu'il sera utile à tout le monde. Suivons l'éditeur pour y jeter un œil

Conversion d'affichage

1. Question : Veuillez entrer votre âge cette année et demander. 5 ans Quel âge auras-tu ?

//a.prompt接收到的数据是string类型的。
var age = prompt("请输入你今年的年龄");
alert(typeof age);
var age5 = age + 5; // 这里只会拼接成了15，而不是加5
alert("我今年"+age+"岁了，5年后我"+age5+"岁了");

2. La chaîne doit être convertie en type numérique.

En réponse au problème ci-dessus, l'âge doit être converti en nombre

2.1 Vous pouvez utiliser le nombre (le contenu qui doit être converti) ;

var str = true;
  var num = Number(str);
  console.log(num); //1 
  console.log(typeof num); //number
  // 注意：
  // 1.如果这个转换的字符串本身就是一个数字，那么可以转换成功; 如果这个字符串本身不是一个数字，那么转成NaN.
  // 2.如果这个字符串本身是一个数字，前后有空格，也是会转换成功的； 如果中间有空格，就转成NaN.
  // 3.如果是一个"",或者是" ",或者是flase，那么会转换成0.true转成1，undefined转成NaN
  // 4.如果字符串的本身是一个小数，也是可以转换成功的。

2.2 Vous pouvez utiliser parseInt (Contenu qui doit être converti) ;

var str = "123";
var num = parseInt(str);
console.log(num); //123
console.log(typeof num); //number
//  注意：
//  1.从左往右查找，直到遇到第一个非数字为止，前面的所有的内容转换成数字。
//  2.如果找完了，都没有找到一个数字，那么就转换成NaN.
//  3."" 和 "  " 转化成NaN
//  4.如果字符串里面是小数，那么转换后只能得到他的整数部分。

2.3 Vous pouvez utiliser parseFloat (Contenu qui doit être converti) ;

var str = "123.24ll";
var num = parseFloat(str);
console.log(num); //123.24
console.log(typeof num); //number
// 注意：如果字符串里面是小数，那么转换后还是小数。。
//******注意： true会转成1，false会转换0.
// 如果字符串转数字，一般的使用parseInt或者parseFolat。
// 如果是其他类型，比如布尔类型，使用Number();

3. Convertissez d'autres types de données en types de chaînes.

3.1 Vous pouvez utiliser String (le contenu qui doit être converti);

var num = 123;
var str = String(num);
console.log(str); //"123"
console.log(typeof str); //string
//注意： "123"  "true" "false" "undefined"  "null" "NaN"

3.2 Vous pouvez utiliser le contenu qui doit être converti.toString();

var num = 123;
var str = num.toString();
console.log(str); //"123"
console.log(typeof str); //string
//注意： "123"  "true" "false "NaN"
//undefined 和null 不能使用toString。

4. Convertissez d'autres types de données en type booléen.

4.1 Vous pouvez utiliser le booléen (contenu qui doit être converti) ;

var num = "";
var res = Boolean(num);
console.log(res); //false
console.log(typeof res); //boolean
//注意：
//那些可以转换成布尔类型的false： 0 -0  false "" undefined null NaN
//" "会转换成true

Conversion implicite

1. Convertissez d'autres types en type numérique.

1.1 Vous pouvez ajouter un signe positif devant le contenu qui doit être converti. +

var str = "123";
var res = +str;
console.log(res); //123
console.log(typeof res); //number

1.2 Le contenu qui doit être converti peut être utilisé pour des opérations arithmétiques et ne peut pas être utilisé ultérieurement +

var str = "123";
var res = str * 1;
console.log(res); //123
console.log(typeof res); //number
//注意： 一定要和连接符做一个区分。

2 Les autres types sont convertis en chaîne. taper. Utilisez le connecteur + ""

var num = 123;
var str = num + "";
console.log(str); //"123"
console.log(typeof str);//string

3. Convertissez les autres types en types booléens. Utilisez l'opérateur de négation

var num = undefined;
var res = !!num;
console.log(res); //false
console.log(typeof res);boolean
// 注意：那些能转成布尔类型的false：0 -0 false undefiend null NaN ""

1. Question : Veuillez entrer votre âge cette année. Quel âge aurez-vous dans 5 ans ?

//a.prompt接收到的数据是string类型的。
var age = +prompt("请输入你今年的年龄");
var age5 = age + 5;
alert("我今年"+age+"岁了，5年后我"+age5+"岁了");

J'ai compilé ce qui précède pour vous, j'espère que cela vous sera utile à l'avenir.

Articles associés :

Comment connecter une imprimante en javaScript

Introduction à l'utilisation de la capture du modificateur d'événement Vue en détail

Comment transmettre des événements dans le composant vue

Un problème 404 se produit lors de l'actualisation de la page dans React-Router

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!