先介绍一下 typeof 的使用方法:

typeof(mix)   或者  typeof  mix

其中 mix 可以是任何数据类型

js有六种数据类型:

五种简单数据类型,又叫基本数据类型,分别为:Number,String,Boolean,Null,Undefined;

一种基本数据类型:Object

typeof 的返回值有六种:

number、string、boolean、object、 function和underfined

注意:返回值是一个字符串类型

特别的:

  • typeof(null)==="object";//true
  • typeof(NaN)==="number";//true

类型转换:

一、显示类型转换

  1. Number(mix)  :把mix转化成数字类型  可以转为数字的就转化为相应的数字,不能转化的就转为NaN        其中:
    Number(true) //1;Number(false)//0;Number(null) //0;Number(undefined) //NaN
  2. parseInt(mix,radix) :把mix转化成整数 除了数字和能转化为数字的字符串,其他都转化为NaN,当mix为字符串时,则从第一位一直到非数字截止,即该方法可以截断                                                                                                  radix是将mix看成radix进制  来进行转化  若有小数部分则是直接去掉

    注意:parseInt(true) //NaN; parseInt(false) //NaN;在把字符串转化为数字时,parseInt()可以截断,但Number()不能  =》  parseInt("123qqq")//123;Number("123qqq")//NaN

  3. parseFloat(number) :转化成 浮点类型  从一位开始看,到除了第一个点以外的非数字位截止
  4. Boolean(mix) : 转化为boolean类型
  5. String(mix) :转化为字符串类型

mix.toString(radix)  与String(mix)用法不同   且undefined和null不能使用  mix.toString();    radix是目标值的进制   将mix转化成radix进制。

注:如将二进制10100转化为16进制

过程是 先parseInt()转化为10进制  然后在toString()转化为16进制

var num=10100;

var test=parseInt(num,2);

num.toString(16);

2、隐式类型转化(内部隐式的调用的都是显示类型的方法)

    1. isNaN():内部隐式调用Number()进行类型转化,再判断Number()返回的值是否是NaN。如:isNaN(null)//false   isNaN(underfined)//true
    2. ++(加加)    --(减减)  +(正)  - (负):内部隐式调用Number()转化后再进行相应计算
    3. +(加号)  当加号两边有一个是字符串的话,就会调用String,然后进行字符串的拼接
    4. -    *    /    %    内部隐式调用Number()进行类型后再计算
    5. <(小于)    >(大于)      <=(小于等于)     >=(大于等于)    字符串和数字比  会调用Number   转化为数字
    6. ==       !=           1==‘1’//true         undefined==null     1>2<3;//true      NaN==NaN;//false NaN不等于任何东西 包括本身
    7. &&(与)   ||(或)    !(非)    &&    ||  虽然有转化 但返回的依然是原值

      &&:先看第一个表达式转化成布尔值的值,如果为真,那么看第二个表达式转化为布尔值的值,。。。。依次进行,直到碰到假;如果只有两个表达式,则会在第一个表达式转化为布尔值为真时,直接返回第二个表达式的值;否则返回第一个表达式的值进行赋值

      var a = 1 && 2+2;//4

      var b = 0 && 2+2;//0

      ||:与&&类似,但先看第一个表达式转化为布尔值后的值,如果为真,直接返回第一个表达式的值,如果为假,则接着往下进行判断

      判断真假只是决定是否接着“往下走”,但返回的仍是其本身的值,而不是转化的布尔值

注:  使用未声明的变量只有一种情况 不报错  就是   typeof(a);//undefined

因为 typeof  返回的是一个字符串            typeof(typeof(a));//String   【面试题】

一些示例:

typeof(a);//undefined
typeof(undefined);//undefined
typeof(NaN);//number
typeof(null);//object
var a="123abc";
typeof(+a);//numberr
typeof(!!a);//boolean
typeof(a+"");//string
1=="1";//true
NaN==NaN;//false
NaN==undefined;//false
''11''+11;//
1==='1';//false parseInt('123abc');//
typeof(typeof(a));//string

js中的类型转换的更多相关文章

  1. JS中String类型转换Date类型 并 计算时间差

    JS中String类型转换Date类型 1.比较常用的方法,但繁琐,参考如下:主要使用Date的构造方法:Date(int year , int month , int day)<script& ...

  2. JS中数据类型转换

    JS中数据类型转换汇总 JS中的数据类型分为 [基本数据类型] 数字 number 字符串 string 布尔 boolean 空 null 未定义 undefined [引用数据类型] 对象 obj ...

  3. JS中强制类型转换

    JavaScript提供了3种强制类型转换的方法 一.Boolean()方法 该方法将指定的参数转换成布尔型.Boolean(object).参数object可以是字符串对象.数值对象.DOM对象等. ...

  4. JS中的各种类型转换规则(转)

    JS中的类型转换非常恶心,大家都懂的,不过该学还是要学. 今天看犀牛书看到了转换规则,总结出来. X转字符串.数字.布尔值 X表示各种类型的值,直接上图: 值 转数字 转字符串 转布尔值 undefi ...

  5. JS中的数据类型和转换

    一.JS中的数据类型 js中的数据类型可以分为五种:number .string .boolean. underfine .null. number:数字类型 ,整型浮点型都包括. string:字符 ...

  6. 关于JS中涉及的常用类型转换及运算符表达式

    JS中的常用类型转换(一般用强制转换):1.强制转为整数:parseInt:写法:x = parseInt(x); 2.强制转换位小为:parseFloat:写法:x = parseFloat(x); ...

  7. js | JavaScript中数据类型转换总结

    转载 在js中,数据类型转换分为显式数据类型转换和隐式数据类型转换. 1, 显式数据类型转换 a:转数字: 1)Number转换: 代码: var a = “123”; a = Number(a); ...

  8. JavaScript基础&实战(2)js中的强制类型转换、运算符、关系运算符、逻辑运算符、条件运算符

    文章目录 1.强制类型转换Number 1.1 代码 1.2 测试结果 2.进制表示 2.1 代码 2.2 测试结果 3.强制类型转换为Boolea 3.1 代码 3.2 测试结果 4.运算符 4.1 ...

  9. JavaScript中数据类型转换总结

    JavaScript中数据类型转换总结 在js中,数据类型转换分为显式数据类型转换和隐式数据类型转换. 1, 显式数据类型转换 a:转数字: 1)Number转换: 代码: var a = " ...

随机推荐

  1. Linux安装jdk1.8和配置环境变量

    每次感觉配这个都很简单,但每次都要查一下,毕竟配错一点 后面都比较麻烦,记录一下,方便以后查看. linux 下安装jdk和windows下的安装是一样的,之前在windows安装的时候是先下载压缩包 ...

  2. JavaScript设计模式(10)-观察者模式

    观察者模式 1. 介绍 发布者与订阅者是多对多的方式 通过推与拉获取数据:发布者推送到订阅者或订阅者到发布者那边拉 使并行开发的多个实现能彼此独立地进行修改 其实我们在前端开发中使用到的时间监听就是浏 ...

  3. JS倒计时特效--JavaScript基础

    1.倒计时特效HTML源码 <!DOCTYPE html><html lang="en"><head> <meta charset=&qu ...

  4. Entity Framework Core 2.1 Preview1 新增功能简介

    两个星期前,微软发布了EF Core 2.1 Preview 1,同时还发布了.NET Core 2.1 Preview 1和ASP.NET Core 2.1 Preview 1:EF Core 2. ...

  5. LCT总结

    LCT总结 类比树剖,树剖是通过静态地把一棵树剖成若干条链然后用一种支持区间操作的数据结构维护(比如线段树.树状数组),而LCT是动态地去处理这个问题. 大家都知道树剖用线段树维护,而LCT用\(sp ...

  6. iOS开发--XMPPFramework--用户登录(三)

    创了一个XMPP即时通讯交流群140147825,欢迎大家来交流~我们是一起写代码的弟兄~ 我们在第一篇文章中,已经介绍了Openfire服务器的搭建等环境的配置, 第二篇文章中,导入了XMPPFra ...

  7. 极重要基础命令三剑客加find

    find  -type:以文件类型查找 -name:以文件名查找 ! 取反 sed命令实战: sed -n “2p” oldboy.txt 打印第二行 sed -n "1,2p" ...

  8. 【Spring源码分析】非懒加载的单例Bean初始化过程(下篇)

    doCreateBean方法 上文[Spring源码分析]非懒加载的单例Bean初始化过程(上篇),分析了单例的Bean初始化流程,并跟踪代码进入了主流程,看到了Bean是如何被实例化出来的.先贴一下 ...

  9. error:安装手电筒程序后在打开程序后报错:你的camera flashlight正在被其他程序占据

    Q:没打开权限 A:设置里面,把这个app的camera权限打开就行了

  10. C++学习-7

    1.面向过程是:数据与操作分离,数据容易被意外修改 2.面向过程通过私有化的权限进行数据封装 3.类型后辍:类名 operator "" _XXXX(int data)  增加后缀 ...