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. android 内存查看的不同数据指标

    内存耗用:VSS/RSS/PSS/USS 的介绍 VSS - Virtual Set Size 虚拟耗用内存(包含共享库占用的内存) RSS - Resident Set Size 实际使用物理内存( ...

  2. PAT 1072. Gas Station (30)

    A gas station has to be built at such a location that the minimum distance between the station and a ...

  3. android接入微信分享（朋友、朋友圈）、QQ分享（好友、空间）

    1.申请注册你的appid 2.下载sdk QQ: http://wiki.open.qq.com/wiki/mobile/SDK%E4%B8%8B%E8%BD%BD 微信:https://open. ...

  4. 主要由顶点容器构成的平面图形类（Shape）——（第一次作业Draw类定义升级）

    // https://github.com/orocos/orocos_kinematics_dynamics/blob/master/orocos_kdl/src/frames.hpp // Vec ...

  5. C++注意事项

    1.static和const不能同时修饰类的成员函数(static int getde()const;) 分析:原因在于const会在函数中添加一个隐式参数const this*,而static是没有 ...

  6. 黑马程序员：Java编程_7K面试题之银行业务调度系统

    =========== ASP.Net+Android+IOS开发..Net培训.期待与您交流!=========== 模拟实现银行业务调度系统逻辑,具体需求如下: 银行内有6个业务窗口,1 - 4号 ...

  7. test latex1

    equation systems: \begin{equation} 1 + 2 = 3 \ 1 = 3 - 2 \end{equation} align text \begin{align} 1+2 ...

  8. python sproto支持64位有符号整数

    小伙伴需要64位整数做物品的id,之前python sproto的判断有问题,写篇日志记录一下. 之前有问题的代码是这样的: if (!PyInt_Check(data)) { PyErr_SetOb ...

  9. Implement Trie (Prefix Tree)

    Trie 树实现 Implement a trie with insert, search, and startsWith methods. class TrieNode { public: // I ...

  10. CSS3新特性学习

    1.一些实用规范:盒子模型,列表模块,超链接方式,语言模块,背景和边框,文字特效,多栏布局: 2:新增的选择器selctor eg: 1) 子元素过滤伪类:div:first-child  (自动识别 ...