<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

    <script type="text/javascript">

// 字面量就是常量，不可变的量

// 变量，用var 声明变量

 // JS底层保存标识符实际上采用的是Unicode编码，所以理论上所有utf-8的内容都可以用作标识符

// 也就是中文也可以当做标识符

        var 年龄=18;

数据类型是字面量的类型  变量可以为任何类型

        JS中有6中类型

            基本数据类型：

                String

                        var str="hello world"; //支持转义字符

                Number   整数+浮点数

                        整数运算可以基本保证正确

                        浮点数运算会存在误差，不要对精确要求比较高的运算

                        var a=123; 数值

                        var b ="123"; 字符串

                        console.log(typeof a); //检查数据类型

                        console.log(typeof b);

                        超过最大值，则是Infinity

                        var c = Infinity; //正无 穷

                        var d =NaN; //NaN是一个特殊数值， Not a Number

                        var e = 123+"233";

                        console.log(typeof Infinity); //Number

                        console.log(typeof e); //NaN

                        console.log(Number.MAX_VALUE); 1.797336565e+308 最大正数

                        console.log(Number.MIN_VALUE); 5e-324 最小正数

                Boolean

                Null：空对象 object  Remember that null means “no value”,

                Undefined： 未定义变量，声明了变量但未赋值

            引用数据类型：

                Object

        强制类型转换

            1。转换成String

                    var a=123;

                    var b =true;

                    方法1：

                          var c = a.toString(); //调用Number类型变量a的toSting方法，返回它相应的字符串

                          var d = b.toString(); //调用boolean类型变量b的toSting方法，返回它相应的字符串

                            null和undefined没有toString方法

                            var a = null;    var c = a.toString() 会报错

                            var a = undefined;    var c = a.toString() 会报错

                    方法2：

                        调用String函数，对Number、Boolean，Undefined，NULL都适用

                        var c = String(a); //c是字符串类型，a是Number

                        调用String的底层原理：

                        对于Number，Boolean底层调用的是toString()

                        对于Undefined和NUll底层直接将其转成"undefined","null"
　　　　　　　　　　　　方法3：
　　　　　　　　　　　　res = null + ""; "null" 任何值加一个空串即可转换成字符串，底层是String()函数实现

            2.转换成Number

                    方法1：

                            适用Number()函数

                                    字符串 => 数字

                                    1.字符数字字符串直接转换成数字 "123" => 123

                                    2.非字符数字字符串转换成NaN  "22adf" => NaN

                                    3.空串或者空格串转换成 0    "    " => 0

                            Boolean => 0, 1

                            Null => 0

                            Undefined => NaN;

                    方法2：

                            parseInt() 把一个字符串中有效数字转换为整数,从左至右

                            parseFloat() 把一个字符串中有效数字转换为浮点数

                            var a = "123px";

                                a = parseInt(a); 从头到尾取整数

                            对于非String类型的数据使用parseInt()操作时，会先把非String字符串，转成字符串再操作，

                            例如： var a = true；

                                    a = parseInt(a); 此时a的类型是NaN，此句等价于 parseInt("true")
　　　　　　　　　　　　方法3：、
　　　　　　　　　　　　　　　　　任何值做 - * / 运算都会转成Number，利用这个可以做隐式类型转换
　　　　　　　　　　　　　　　　var a = '123';  a = a -0;  此时a就变成数字了，底层原理和Number()函数实现
　　　　　　　　　　　　方法4：
　　　　　　　　　　　　　　　　对于非Number值可以使用+将其转换成Number，- 也可以，不过会改变其值
　　　　　　　　　　　　　　　　var a = '123'; a = +a; 此时a就变成数字了，底层原理和Number()函数实现
 
　　　　　　　　　　　　　　　　16进制 0x开头 
　　　　　　　　　　　　　　　　8进制 0开头
　　　　　　　　　　　　　　　　 2进制 0b开头 某些浏览器不支持
　　　　　　　　　　　　　　 var a = "070"; a = parseInt(a); 
　　　　　　　　　　　　　　某些浏览器会把a解析成8进制数，某些浏览器会把a解析成10进制数 
　　　　　　　　　　　　　　可以在parseInt()加上第二个参数，指定其进制 
　　　　　　　　　　　　　　　　a = parseInt(a, 8); 所有浏览器都用8进制解析
JavaScript knows  
how to convert the string “4” to the  
number 4 when it needs to

            3、转换成Boolean

                    调用Boolean()
　　　　　　　　　　　　　　

                        数字 => 布尔     0和NaN是false，其他数据都是true

                        var  a =123;

                        a = Boolean(a)

                        字符串 => 布尔    空串是false，其他非空字符串是true （包含空格串）

                        null和undefined => false;

                        object => true
 　　　　　　　　　　方式二（隐式类型转换）：    
                - 为任意的数据类型做两次非运算，即可将其转换为布尔值
                - 例子：    
                    var a = "hello";
                    a = !!a; //true

    </script>

</head>

<body>

</body>

</html>

JS变量和数据类型及其转化的更多相关文章

  1. [js]变量与数据类型篇

    一.变量 在JavaScript中就用一个变量名表示变量,变量名是大小写英文.数字.$和_的组合,不能用数字开头.变量名也不能是JavaScript的关键字: 1.变量的声明 (1)var:申明一个变 ...

  2. JS 变量的数据类型 运算符

    JS中变量的类型有:数值型.字符型.布尔型.undefined.null.array.object.function 1.数值型:可以进行算术运算的(加.减.乘.除) 数值型包括:整型(整数)和浮点型 ...

  3. js变量和数据类型

  4. JavaScript变量与数据类型

    变量 javascript的变量很松散,每个变量初始仅仅用于保存一个占位符而已.定义变量的操作符是 var, var 后面跟着一个标识符--当作变量的名字. 比如: var myname;//定义了一 ...

  5. JS 01 变量_数据类型_分支循环_数组

    点击直通车↓↓↓ 数据类型及数据类型的手动转换 数组 一.概念 JavaScript(JS)是一种基于对象和事件驱动.且可以与HTML标记语言混合使用的脚本语言,其编写的程序可以直接在浏览器中解释执 ...

  6. 关于JS的数据类型与转化（自动与强制）

    在我们谈到JS的数据类型转化时,一定会知道分为自动转化和强制转化两种方式吧,通俗来讲,自动就是在某种条件下,电脑浏览器自己会把其他类型的数据转化为相应的数据类型,而强制则是咋们程序员应该手动来做的了, ...

  7. JS魔法堂：函数重载 之 获取变量的数据类型

    Brief 有时我们需要根据入参的数据类型来决定调用哪个函数实现,就是说所谓的函数重载(function overloading).因为JS没有内置函数重载的特性,正好给机会我们思考和实现一套这样的机 ...

  8. JS代码放置位置、变量与数据类型、运算符与逻辑表达运算符

    内容简要: 1.JS代码放置位置的问题: 2.变量与数据类型: 3.运算符与逻辑表达式的运算符   我的位置 全局问题:为何在网页推荐位置(一般在<head></head>内部 ...

  9. JS中的变量和数据类型

    所谓变量,就是里面存储的数据是可以改变的. 在使用变量之前,我们需要先声明变量.声明变量的关键字有var  let   const 在ES里面声明变量可以使用var,如下: //var 变量名 var ...

随机推荐

  1. Anaconda使用教程全攻略

    Anaconda使用教程全攻略 本文转自 https://zhuanlan.zhihu.com/p/32925500           〇.序 Python是一种面向对象的解释型计算机程序设计语言, ...

  2. HDU-1754 I Hate It （树状数组模板题——单点更新，区间查询最大值）

    题目链接 ac代码(注意字符读入前需要注意回车的影响) #include<iostream> #include<cstdio> #include<cstring> ...

  3. cf912D

    题意简述:往n*m的网格中放k条鱼,一个网格最多放一条鱼,然后用一个r*r的网随机去捞鱼,问怎么怎么放鱼能使得捞鱼的期望最大,输出这个期望 题解:肯定优先往中间放,这里k不大,因此有别的简单方法,否则 ...

  4. jsp的九大内置对象+四大作用域

    1.request是httpServletRequest的对象,代表发送的请求信息 2.response是httpServletResponse的对象,代表响应请求返回的信息 3.session会话是 ...

  5. CSRF防护

    CSRF防护 (待完善...)

  6. Git 尝试

    1,下载Git 2,安装GIt 3,config : git config --global user.name "mxb" git config --global user.em ...

  7. C# MVC 中自定义权限特性[Authorize]中对于Ajax访问的处理

    在MVC中定义自己的权限特性. 下例中是简单的登录判断,登录信息存与Session中,如果Session中没有登录信息,那么就不通过. 在处理无权限的时候,判断当前请求是否为Ajax请求,如果是Aja ...

  8. idea中创建maven的Javaweb工程并进行配置

    学完maven后,可以创建maven的javaweb工程,在创建完成后还需要一些配置,下面来说下具体步骤,在这里我创建的是一个模块,创建web项目的方式和创建模块一样 1.创建一个模块,点new-Mo ...

  9. 【Spring】事务（transactional） - REQUIRES_NEW在JdbcTemplate、Mybatis中的不同表现

    环境 数据库: oracle 11g JAR: org.springframework:spring-jdbc:4.3.8.RELEASE org.mybatis:mybatis:3.4.2 概念 R ...

  10. Java自学-Lambda 方法引用

    Lambda 方法引用 步骤 1 : 引用静态方法 首先为TestLambda添加一个静态方法: public static boolean testHero(Hero h) { return h.h ...