Heim > Web-Frontend > js-Tutorial > Hauptteil

So implementieren Sie eine explizite und implizite Konvertierung in Javascript

亚连
Freigeben: 2018-06-20 16:21:51
Original
1534 Leute haben es durchsucht

Der unten stehende Herausgeber wird einen Artikel über explizite Konvertierung und implizite Konvertierung (ausführliche Erklärung) basierend auf JavaScript mit Ihnen teilen. Er hat einen guten Referenzwert und ich hoffe, dass er für alle hilfreich ist. Schauen wir uns den Editor an 5 Jahre Wie alt wirst du sein?

//a.prompt接收到的数据是string类型的。
var age = prompt("请输入你今年的年龄");
alert(typeof age);
var age5 = age + 5; // 这里只会拼接成了15,而不是加5
alert("我今年"+age+"岁了,5年后我"+age5+"岁了");
Nach dem Login kopieren
2. Die Zeichenfolge sollte in einen Zahlentyp umgewandelt werden.

Als Reaktion auf das obige Problem muss das Alter in eine Zahl umgewandelt werden

2.1 Sie können Zahl (den Inhalt, der umgewandelt werden muss) verwenden;

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.如果字符串的本身是一个小数,也是可以转换成功的。
Nach dem Login kopieren

2.2 Sie können parseInt (zu konvertierender Inhalt) verwenden;

var str = "123";
var num = parseInt(str);
console.log(num); //123
console.log(typeof num); //number
//  注意:
//  1.从左往右查找,直到遇到第一个非数字为止,前面的所有的内容转换成数字。
//  2.如果找完了,都没有找到一个数字,那么就转换成NaN.
//  3."" 和 "  " 转化成NaN
//  4.如果字符串里面是小数,那么转换后只能得到他的整数部分。
Nach dem Login kopieren
2.3 Sie können parseFloat (zu konvertierender Inhalt) verwenden;
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();
Nach dem Login kopieren

3. Konvertieren Sie andere Arten von Daten in String-Typen.

3.1 Sie können String verwenden (den Inhalt, der konvertiert werden muss);

var num = 123;
var str = String(num);
console.log(str); //"123"
console.log(typeof str); //string
//注意: "123"  "true" "false" "undefined"  "null" "NaN"
Nach dem Login kopieren

3.2 Sie können den Inhalt verwenden, der konvertiert werden muss.toString();

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

4 .Andere Datentypen werden in boolesche Typen umgewandelt.

4.1 Sie können Boolean verwenden (Inhalt, der konvertiert werden muss);

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

Implizite Konvertierung

1. Konvertieren Sie andere Typen in den Zahlentyp.

1.1 Sie können vor dem Inhalt, der konvertiert werden muss, ein positives Zeichen hinzufügen. +

var str = "123";
var res = +str;
console.log(res); //123
console.log(typeof res); //number
Nach dem Login kopieren
1.2 ermöglicht die Durchführung arithmetischer Operationen für den Inhalt, der konvertiert werden muss und später nicht verwendet werden kann. +
var str = "123";
var res = str * 1;
console.log(res); //123
console.log(typeof res); //number
//注意: 一定要和连接符做一个区分。
Nach dem Login kopieren

2 Andere Typen werden in String-Typen konvertiert. Verwenden Sie den Connector + „“

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

3. Konvertieren Sie andere Typen in einen booleschen Typ. Verwenden Sie den Negationsoperator

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

1. Frage: Bitte geben Sie Ihr Alter in diesem Jahr ein. Wie alt werden Sie in 5 Jahren sein?

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

Ich habe das Obige für Sie zusammengestellt und hoffe, dass es Ihnen in Zukunft hilfreich sein wird.

Verwandte Artikel:

So verbinden Sie einen Drucker in JavaScript

Einführung in die Verwendung der Vue-Ereignismodifikatorerfassung im Detail

So übergeben Sie Ereignisse in der Vue-Komponente

404-Problem tritt auf, wenn die Seite im React-Router aktualisiert wird

Das obige ist der detaillierte Inhalt vonSo implementieren Sie eine explizite und implizite Konvertierung in Javascript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage