JS基础_强制类型转换-Number

  1 <!DOCTYPE html>
  2 <html>
  3     <head>
  4         <meta charset="UTF-8">
  5         <title></title>
  6         <script type="text/javascript">
  7
  8             /*
  9              * 将其他的数据类型转换为Number
 10              *      转换方式一：
 11              *         使用Number()函数
 12              *             - 字符串 --> 数字
 13              *                 1.如果是纯数字的字符串，则直接将其转换为数字
 14              *                 2.如果字符串中有非数字的内容，则转换为NaN
 15              *                 3.如果字符串是一个空串或者是一个全是空格的字符串，则转换为0
 16              *             - 布尔 --> 数字
 17              *                 true  转成 1
 18              *                 false 转成 0
 19              *
 20              *             - null --> 数字     0
 21              *
 22              *             - undefined --> 数字 NaN
 23              *
 24              * 转换方式二：
 25              *         - 这种方式专门用来对付字符串
 26              *         - parseInt() 把一个字符串转换为一个整数
 27              *         - parseFloat() 把一个字符串转换为一个浮点数
 28              */
 29
 30             var a = "123";
 31
 32             //调用Number()函数来将a转换为Number类型
 33
 34             a = Number(a);
 35             //console.log(typeof a); //number
 36
 37             a = "ABGFFF";
 38             a = Number(a);
 39             //console.log(a); //NaN
 40             //console.log(typeof a); //number,使用typeof检查一个NaN也会返回number
 41
 42             a = "";
 43             a = Number(a);
 44             //console.log(a); //0
 45             //console.log(typeof a); //number
 46
 47             a = false;
 48             a = Number(a);
 49             //console.log(a); //0
 50             //console.log(typeof a); //number
 51
 52             a = null;
 53             a = Number(a);
 54             //console.log(a); //0
 55             //console.log(typeof a); //number
 56
 57             a = undefined;
 58             a = Number(a);
 59             //console.log(a); //NaN
 60             //console.log(typeof a); //number
 61
 62             a = "123567a567px";
 63             //调用parseInt()函数将a转换为Number
 64             /*
 65              * parseInt()可以将一个字符串中的有效的整数内容去出来，
 66              *     然后转换为Number
 67              */
 68             a = parseInt(a);
 69             //console.log(a); //123567
 70             //console.log(typeof a); //number
 71
 72             /*
 73              * parseFloat()作用和parseInt()类似，不同的是它可以获得有效的小数
 74              */
 75             a = "123.456.789px";
 76             a = parseFloat(a);
 77             //console.log(a); //123.456
 78             //console.log(typeof a); //number
 79
 80             /*
 81              * 如果对非String使用parseInt()或parseFloat()
 82              *     它会先将其转换为String然后再操作
 83              */
 84             a = true;
 85             a = parseInt(a);
 86             console.log(a); //NaN
 87             console.log(typeof a); //number
 88
 89             a = 198.23;
 90             a = parseInt(a);
 91             console.log(a); //198
 92             console.log(typeof a); //number
 93
 94
 95
 96         </script>
 97     </head>
 98     <body>
 99     </body>
100 </html>

时间： 2024-10-06 00:38:55

JS基础_强制类型转换-Number的相关文章

JS基础_强制类型转换-String

1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 <script type="text/javascript"> 7 8 /* 9 * 强制类型转换 10 * - 指将一个数据类型强制转换为其他的数据类型 11 * - 类型转换主要指,将其他的数据类型,转换为 12 * S

JavaScript学习10 JS数据类型、强制类型转换和对象属性

JavaScript学习10 JS数据类型.强制类型转换和对象属性 JavaScript数据类型 JavaScript中有五种原始数据类型:Undefined.Null.Boolean.Number以及String. Undefined数据类型的值只有一个:undefined. 在JavaScript中,如果函数没有声明返回值,那么会返回undefined.(后面有实例). 如果typeof后面跟一个未定义的参数,也是返回undefined. Null数据类型的值只有一个:null. null与

JS中的强制类型转换

JS 基础1：理解number 数据类型和隐式类型转换

1, Javascript only has one type of numberic data, named "number". You can see this reflected in the behavior of the typeof operator, which classifies intergers and floating-point numbers alike simply as numbers: typeof 10; // "number"

JS基础_其他进制的数字

1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 <script type="text/javascript"> 7 8 var a = 123; 9 10 /* 11 * 在js中,如果需要表示16进制的数字,则需要以0x开头 12 * 如果需要表示8进制的数字,则需要以

JS基础_字符串

1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8" /> 5 <title></title> 6 <script type="text/javascript"> 7 8 /* 9 * 数据类型指的就是字面量的类型 10 * 在JS中一共有六种数据类型 11 * String 字符串 12 * Number 数值 13

JS基础_标识符

1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 <script type="text/javascript"> 7 8 /* 9 * 标识符 10 * - 在JS中所有的可以由我们自主命名的都可以称为是标识符 11 * - 例如:变量名.函数名.属性名都属于标识符 12

JS基础_字面量和变量

1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 <script type="text/javascript"> 7 8 /* 9 * 字面量,都是一些不可改变的值 10 * 比如 :1 2 3 4 5 11 * 字面量都是可以直接使用,但是我们一般都不会直接使用字面量 1

JS基础_基本语法

1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 <script type="text/javascript"> 7 8 /* 9 多行注释 10 JS注释 11 多行注释,注释中的内容不会被执行,但是可以在源代码中查看 12 要养成良好的编写注释的习惯,也可以通过注释来对