<!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. 插入数据失败提示： Setting autocommit to false on JDBC Connection 自动提交失败

    来源:https://blog.csdn.net/qq_42799475/article/details/102742109 今天在执行mybstis的测试时,明明已经写好了插入语句但是数据库没有插入 ...

  2. vue移动端下拉刷新、上拉加载

    由于自身的项目比较简单,只有几个H5页面,用来嵌入app中,所有没有引入移动端的UI框架,但是介于能让用户在浏览H5页面时有下拉刷新和上拉加载,有更好的用户体验,自己写组件实现. 1.下拉刷新Drop ...

  3. 信号处理之DFT、IDFT

    一.DFT之前言部分 由于matlab已提供了内部函数来计算DFT.IDFT,我们只需要会调用fft.ifft函数就行: 二.函数说明: fft(x):计算N点的DFT.N是序列x的长度,即N=len ...

  4. Vue如何动态配置img标签的图片源src

    (一)首先通过绑定数据给src提供图片地址 <template> <div> <img :src=image_path /> </div> </t ...

  5. NODEJS 使用 sqlite3 本地文件数据库

    npm install sqlite3 var sqlite3 = require('sqlite3').verbose();var db = new sqlite3.Database('WebFil ...

  6. [HNOI2015]接水果[整体二分]

    [HNOI2015]接水果 给出一个树上路径集合\(S\) 多次询问\(x,y\)中的\(k\)小值 如果你问我数列上那么我会 树上的话 树上差分了吧直接?- 令 \(st_x<st_y\) 1 ...

  7. Truck History POJ - 1789 板子题

    #include<iostream> #include<cstring> #include<algorithm> #include<stdio.h> u ...

  8. H5-设置全屏背景图片样式

    .bgimg{ width: 100%; height: 95vh; margin: 0; padding: 0 .32rem; background-image: url('../image/ld. ...

  9. 大json直接序列化成dataset

    rtnDs= JsonConvert.DeserializeObject<DataSet>(strBuff);

  10. 将Ubuntu软件更新的源，换城阿里源

    阿里云镜像: https://developer.aliyun.com/mirror/ 简介 Ubuntu,是一款基于 Debian Linux 的以桌面应用为主的操作系统,内容涵盖文字处理.电子邮件 ...