1.数据类型

javascript中的基本数据类型有4中，undefined，number，string,boolean

1.1 typeof关键字

typeof关键字可以获取一个变量的的类型。先举个例子

 <!DOCTYPE html>

 <html>

 <head>

     <meta charset="UTF-8">

     <title>Insert title here</title>

     <script type="text/javascript">

         var a = 10;

         var b = 'a';

         var c = "ab";

         var d = true;

         var e = 3.14;

         var f;

         document.write(a+"<br/>");

         document.write(b+"<br/>");

         document.write(c+"<br/>");

         document.write(d+"<br/>");

         document.write(e+"<br/>");

         document.write(f+"<br/>");

         document.write("<hr/>");

         document.write(typeof a+"<br/>");

         document.write(typeof b+"<br/>");

         document.write(typeof c+"<br/>");

         document.write(typeof d+"<br/>");

         document.write(typeof e+"<br/>");

         document.write(typeof f+"<br/>");

     </script>

 </head>

 <body>

 </body>

 </html>

运行的结果

从上面可以看出，typeof类型的总结：
（1）所有的数值都是number
 (2)字符和字符串都是string
（3）布尔是boolean
（4）如果一个变量没有给初始值，给的是undefined、
 
 
1.2 十进制，十六进制，八进制
 
 在javascript中以0开头的表示八进制，以0x开头表示十六进制。先看一段代码：

 <!DOCTYPE html>

 <html>

 <head>

     <meta charset="UTF-8">

     <title>八进制，十进制，十六进制</title>

     <script type="text/javascript">

         var a = 13;

         var b = 013;//八进制

         var c = 0x12;//十六进制

         document.write(a+"<br/>");

         document.write(b+"<br/>");

         document.write(c+"<br/>");

     </script>

 </head>

 <body>

 </body>

 </html>

结果为：13,11,18

但是注意：八进制数，若数据超过0—7的话，以十进制数看待。例如:

 <script type="text/javascript">

         var d = 081;//无效的八进制，以十进制看待

         document.write(d);

 </script>
 输出的结果是：81
 
1.3 浮点数：
要定义浮点值，必须包括小数点和小数点后的一位小数字，(例如1.0不是1)，这被看做浮点数字面量。例如：
 
 <script type="text/javascript" >

             var a = 3.14;//浮点数

             var b = 1.//合法，小数点后面没有数字，解析为1

             var c = 10.0//整数，解析为10。

             document.write(a + "<br/>");

             document.write(b + "<br/>");

             document.write(c + "<br/>");

 </script>

结果为：3.14

　　　　1

　　　　10

注意：

由于浮点数需要的内存空间是整数的两倍，因此javascript会将浮点数转换为整数值。因此小数点后没有数字或浮点数本身就是一个整数就将看做整数。

1.4 转换成数字

javascript提供了两种转换数字的方法，parseInt()和parseFloat()两种方法。这两种方法只是将string进行转换数字，才能正确运行，其他的数据类型转换都是NaN。

parseInt()方法首先查看第0处的字符，若是数字，往第1处字符检查，若是数字就接着往下找，直到找到为字符的结束；如果查看第0处的字符是字符,那就结束查找，返回的是NaN。

例如：

 <script type="text/javascript">

         var a = "10av";

         document.write(parseInt(a)+"<br/>");//返回的是10，找到第一个字符a，结束。

         var b = "0xB";

         document.write(parseInt(b)+"<br/>");//返回的11，将字符串中包含的数字字面转换为数字。

         document.write(parseInt("56.9")+"<br/>");//返回56，将去掉小数点后面的数字

         document.write(parseInt("abv")+"<br/>");//返回NaN

 </script>
注意：
字符串中包含的数字字面将转换为数字，例如0xB，先转换为11。 56.9将小数点后面的数字省略，转换为56
parseFloat()和parseInt()都是将字符串转换为数字类型，只不过parseFloat()遇到浮点数时转换为原数，parseInt()将浮点数转换为整数，将小数点后面的省略。
 
 <script type="text/javascript">

         document.write(parseFloat("123")+"<br/>");//返回123

         document.write(parseFloat("abc456")+"<br/>");//返回NaN

         document.write(parseFloat("456abc")+"<br/>");//返回456

         document.write(parseFloat("23.1")+"<br/>");//返回23.1

         document.write(parseFloat("-23")+"<br/>");//返回-23

 </script>

下面看一下sNaN,判断是否是一个有效的数值，

isNaN(表达式):返回的结果是否为NaN（非数值）

 <script type="text/javascript">

         document.write(isNaN("abc")+"<br/>");//true

         document.write(isNaN("123")+"<br/>");//false

 </script>

javascript基础二数据类型的更多相关文章

  1. JavaScript基础：数据类型的中的那些少见多怪

    原文:JavaScript基础:数据类型的中的那些少见多怪 Javascript共有6种数据类型,其中包括3个基本数据类型(string,number,boolean).2个特殊数据类型(undefi ...

  2. 2、JavaScript 基础二 （从零学习JavaScript）

     11.强制转换 强制转换主要指使用Number.String和Boolean三个构造函数,手动将各种类型的值,转换成数字.字符串或者布尔值. 1>Number强制转换 参数为原始类型值的转换规 ...

  3. JavaScript 基础（数据类型、函数、流程控制、对象）

    一.JavaScript概述 1.1 JavaScript的历史 1992年Nombas开发出C-minus-minus(C--)的嵌入式脚本语言(最初绑定在CEnvi软件中).后将其改名Script ...

  4. 刘强1109 JavaScript基础二（分支与循环结构）

    [if-else结构] 1.结构的写法: if(判断条件){ 条件为true时,执行if{} } else{ 条件为false时,执行else{} } 2.注意事项: ① else{}语句块,可以根据 ...

  5. JavaScript 基础(二) - 创建 function 对象的方法, String对象, Array对象

    创建 function 对象的两种方法: 方式一(推荐) function func1(){ alert(123); return 8 } var ret = func1() alert(ret) 方 ...

  6. JavaScript基础之数据类型部分总结

    JavaScript 是世界上最流行的脚本语言,被设计为向 HTML 页面增加交互性. 我把它的基础语法分为了三个部分:数据类型,运算符,流程控制语句.入门还是比较容易的. 基本概念: 标识符:指变量 ...

  7. python基础(二)----数据类型

    Python基础第二章 二进制 字符编码 基本数据类型-数字 基本数据类型-字符串 基本数据类型-列表 基本数据类型-元组 可变.不可变数据类型和hash 基本数据类型-字典 基本数据类型-集合 二进 ...

  8. Javascript基础二（程序的三大结构）

    程序的三大结构: 顺序结构,选择结构,循环结构 程序的单分支结构-if语句:       当条件判断为真true时,执行花括号内的语句,如果条件为假false,跳过花括号内的语句       if(条 ...

  9. JavaScript 基础(二)数组

    字符串, JavaScript 字符串就是用'' 和""括起来的字符表示. 字符字面量, \n 换行, \t 制表, \b 退格, \r 回车, \f 进纸, \\ 斜杠,\' 单 ...

随机推荐

  1. ios手写代码添加控制器

    - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launc ...

  2. UE4 UriEncode 问题

    当Uri 路径中带中文字符时,需要进行编码 否则会照成不可预见错误: FString temp = FGenericPlatformHttp::UrlEncode(queryStr); FString ...

  3. Echarts 动态折线图

    <script src="http://echarts.baidu.com/build/dist/echarts-all.js"></script>< ...

  4. Win10/UWP开发—凭据保险箱PasswordVault

    PasswordVault用户凭据保险箱其实并不算是Win10的新功能,早在Windows 8.0时代就已经存在了,本文仅仅是介绍在UWP应用中如何使用凭据保险箱进行安全存储和检索用户凭据. 那么什么 ...

  5. oracle远程连接配置

    今日需要对站内所有的空间数据做入库处理,所以在服务器上安装了oracle,在本地需要对其进行连接,在网上查阅了相关资料,整理如下: 远程服务端配置:1. 数据库配置    因为要为外界客户端提供数据服 ...

  6. thinkphp在模型中自动完成session赋值

    相信用过thinkphp的用户都知道thinkphp的模型可以完成很多辅助功能,比 如自动验证.自动完成等,今天在开发中遇到自动完成中需要获取session值 然后自动赋值的功能,具体看代码:clas ...

  7. LeetCode() Basic Calculator 不知道哪里错了

    class Solution {public:    int calculate(string s) {        stack<int> num;        stack<ch ...

  8. hdu1260 dp

    题意:有 k 个人需要买电影票,a[i] 表示第 i 个人单独买票要花费的时间,b[i] 表示第 i-1 个和第 i 个人一起买票需要花费的时间,问卖给所有人各一张票最少需要到什么时候. dp[i]表 ...

  9. 正则表达式测试器 beta_

    说明:"言简意赅".简而从之:如题※网上已经有很多正则的测试工具了※感谢小Z推荐了一款非常好的(但是个别子匹配项多时卡顿.应该是我的表达式问题)故而花了点时间照着“抄”了一个,并配 ...

  10. Codeforces Round #379 (Div. 2) E. Anton and Tree

    题意: 给一颗树 每个节点有黑白2色 可以使一个色块同事变色,问最少的变色次数. 思路: 先缩点 把一样颜色的相邻点 缩成一个 然后新的树 刚好每一层是一个颜色. 最后的答案就是树的直径/2 不过我用 ...