Home > Web Front-end > JS Tutorial > body text

Explicit conversion and implicit conversion based on javascript (detailed explanation)_javascript skills

韦小宝
Release: 2018-05-17 15:36:02
Original
2337 people have browsed it

The following editor will share with you an article based on javascript explicit conversion and implicit conversion (detailed explanation), and also provides JavaScript source code! , if you are interested in JavaScript, please follow the editor to have a look

Display conversion

1 .Title: Please enter your age this year. How old will you be in 5 years?

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

2.String needs to be converted into number type.

In response to the above problem, age needs to be converted into a numeric type

2.1 You can use Number (the content that needs to be converted);

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

2.2 You can use parseInt (required Content to be converted);

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

2.3 You can use parseFloat(content to be converted);

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();
Copy after login

3. Other types of data are converted into string types.

3.1 You can use String (the content that needs to be converted);

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

3.2 You can use the content that needs to be converted.toString();

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

4 .Other data types are converted into boolean types.

4.1 You can use Boolean (the content that needs to be converted);

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

Implicit conversion

1. Other types are converted into number types.

1.1 You can add a positive sign in front of the content that needs to be converted. +

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

1.2 The content that needs to be converted can be used for arithmetic operations and cannot be used later. +

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

2. Other types are converted into string types. Use the connector + ""

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

3. Other types are converted into boolean types. Use the negation operator

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

1. Question: Please enter your age this year and find out how old you will be in 5 years.

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

The above article based on explicit conversion and implicit conversion (detailed explanation) of javascript is all the content shared by the editor with you. I hope it can give you a reference, and I also hope you can use PHP Chinese website.

Related recommendations:

Use javascript to convert external link styles

HTML TO JavaScript conversion_JavaScript

javaScript mobile phone number verification tool class PhoneUtils detailed explanation

The above is the detailed content of Explicit conversion and implicit conversion based on javascript (detailed explanation)_javascript skills. For more information, please follow other related articles on the PHP Chinese website!

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template