<!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. Azure Media Services -可提供视频点播（VOD）

    ​Azure Media Services 提供直播/VOD点播相关的功能. •提供编码和打包以适用于各种设备播放视频(IOS/Android/web等). •向大量在线观众流式传输实时直播,例如活动 ...

  2. win2012 挂载硬盘即增加新硬盘方法

    这篇文章主要介绍了win2012 挂载硬盘即增加新硬盘方法,需要的朋友可以参考下 点击左下角的服务器管理图标 点击右上角的“工具”,再选择“计算机管理” 再点击“磁盘管理” 在磁盘1的按钮处单击右键, ...

  3. 清北学堂—2020.1提高储备营—Day 3（图论初步（二））

    qbxt Day 3 --2020.1.19 济南 主讲:李奥 目录一览 1.图论(kruskal算法,最短路径算法,拓扑排序) 总知识点:图论 一.kruskal算法 1.目的:求图的最小生成树 2 ...

  4. Spring中@Value用法

    Spring中可以通过@Value注解,将properties配置文件中的属性值注入到java成员变量,配置和使用方法如下(大部分转自csdn,也有自己实验部分): 一.配置 首先,@value需要参 ...

  5. java设计模式学习笔记--依赖倒转原则

    依赖倒转原则简述 1.高层模块不应该依赖低层模块,二者都应该依赖其抽象 2.抽象不应该依赖细节,细节应该依赖抽象 3.依赖倒转得中心思想时面向接口编程 4.依赖倒转原则时基于这样得设计理念:相对于细节 ...

  6. SQL JOIN 的解析

    1.SQL语句结构 select  distinct  < select_list > from  < left_table > < join_type > joi ...

  7. Magento2 updated quote_item table - 更新quote_item 表自定义字段

    /** * @param $class * @return mixed */ public function mc_get_obj($class) { return \Magento\Framewor ...

  8. 曼孚科技：AI算法领域常用的39个术语（下）

    算法是人工智能(AI)核心领域之一. 本文整理了算法领域常用的39个术语,希望可以帮助大家更好地理解这门学科. 本文为下半部分,上半部分见本账号上一篇文章. 19.迁移学习(Transfer Lear ...

  9. QS Network ZOJ - 1586 板子题

    #include<iostream> #include<algorithm> using namespace std; ; struct edge{ int a,b; doub ...

  10. 如何实现 List 集合的线程安全

    在实际项目开发中,List 集合较为常用,相比于数组,其提供了更多的方法,便于遍历.搜索.添加与移除.常见的有 ArrayList.Vector等.   关于ArrayList 中所周知,ArrayL ...