<!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. 【HDU - 1029】Ignatius and the Princess IV （水题）

    Ignatius and the Princess IV  先搬中文 Descriptions:   给你n个数字,你需要找出出现至少(n+1)/2次的数字 现在需要你找出这个数字是多少? Input ...

  2. Linux服务器配置GPU版本的pytorch Torchvision TensorFlow

    最近在Linux服务器上配置项目,项目需要使用GPU版本的pytorch和TensorFlow,而且该项目内会同时使用TensorFlow的GPU和CPU. 在服务器上装环境,如果重新开始,就需要下载 ...

  3. 算法训练 最大获利 注意数据规模（long long）

    资源限制 时间限制:1.0s   内存限制:256.0MB 问题描述 Chakra是一位年轻有为的企业家,最近他在进军餐饮行业.他在各地开拓市场,共买下了N个饭店.在初期的市场调研中,他将一天划分为M ...

  4. C#连接数据库的方法

    using System;using System.Collections.Generic;using System.ComponentModel;using System.Data;using Sy ...

  5. 全栈之路-小程序API-SpringBoot项目中参数校验机制与LomBok工具集使用

    参数校验机制在web开发中是非常重要的,每当看到现在所在公司的校验代码,我都有头疼,每一个接口都是重新写参数的校验,有些复杂的接口,参数的校验甚至占了整个接口代码量的挺大一部分的,看着我都有些头疼,我 ...

  6. python变量加逗号,的含义

    逗号,用于生成一个长度为1的元组 >>> (1) 1 >>> (1,) (1,) >>> 1, (1,) 因此需要将长度为1的元组中元素提取出来可 ...

  7. 循环删除List集合的元素

    之前在使用list集合循环删除元素的时候,竟然出现了集合内的元素不能删除成功的问题,之后整理了一下,发现大有玄机! 1.如果指定了list的size大小,会出现下标越界异常 List<Strin ...

  8. maven的核心概念——创建war工程

    第十七章第四个Maven工程(war工程) 17.1 创建步骤 ①第一步:创建maven web工程 ②第二步:修改web.xml <?xml version="1.0" e ...

  9. BFS和队列

    深度优先搜索(DFS)和广度优先搜索(BFS)是基本的暴力技术,常用于解决图.树的遍历问题. 首先考虑算法思路.以老鼠走迷宫为例: (1):一只老鼠走迷宫.它在每个路口都选择先走右边,直到碰壁无法继续 ...

  10. Java中异步注解@Async的陷阱

    或许,你在Java后端添加异步过程时会这样处理,然后摇摇大摆.灰溜溜地闪,而实际的运行结果却并不是我们期望的那样.那么,现在就将试验结果记录如下,以便少走弯路. (一)在Controller层的公开接 ...