string和number boolean

javascript 类型会根据赋值的进行转成相应的类型。

        var str = "";
alert(typeof (str));//string
str = 5;
alert(typeof (str));//number
var sum = str + 5; //+编程两个数字相加
alert(sum);//10

         这一种比较明显,一眼就可以计算出其值。但是请看下面这种转换

        var sum = "7" + "5";
alert(typeof (sum)); //string
alert(sum);//75

var sum = "7" + 5;
              alert(typeof (sum)); //string
              alert(sum);//75

     

     var sum = 5 + "7";
     alert(typeof (sum));//string
     alert(sum);

        var area = "7" * "5";
alert(typeof (area)); //number
alert(area);//35 var sub = "7" - "5";
alert(typeof (sub)); //number
alert(sub);//2 var div = "7" / "5";
alert(typeof (div));//number
alert(div);//1.4

  number 类型如果和string 类型"+", 将会直接number转成string

上述中“+” 比较特殊,如果是- 、* 、/ 呢;那么最终会转成什么类型呢。

        var area = "7" * "a";
alert(typeof (area));//number
alert(area);//NaN var sub = "a" - "7";
alert(typeof (sub));//number
alert(sub);//NaN sub = "a" - 7;
alert(typeof (sub));//number
alert(sub);//NaN var div = "7" / "a";
alert(typeof (div));//number
alert(div);//NaN div = "a" / 7;
alert(typeof (div));//number
alert(div);//NaN

  如上 - 、*、/   是number 中算术具有的。string和number是不能进行运算的,所以其值都是NaN。类型number。

        var a = true;
alert(typeof(a));//boolean
var b = "true";
var ab = a + b;
alert(typeof (ab));//string
alert(ab); //truetrue
alert(a == b);//false

      boolean 和 string ,boolean类型自动转成了字符串“true”,但是为什么a不等于b

大家看下这个例子:

        var c = "1";
alert(typeof(c));//string
var d = 1;
alert(typeof (d));//number
alert(c == d);//true

    这里给出了转换的原则:(供参考)

1. 如果有一个操作数是布尔值,则在比较相等之前将其转换为数值————false转换为0,true转换为1;
      2. 如果一个操作数是字符串,另一个操作符是数值,则在比较相等之前先讲字符串转换为数值;
      3. 如果一个操作数是对象,另一个操作数不是,则调用对象的valueOf()方法,用得到的基本类型值按照前面的规则进行比较。

      那么在比较字符串和布尔类型是就会:

发生这样的转换: Boolean true先转成number  1,在转成字符串“1” ,在进行比较。结果肯定是 false 了。

null 和string number Boolean undefined

        var a = null;
alert(typeof (a));//object var b = "hello";
var ab = a + b;
alert(typeof (ab));//string
alert(ab); //nullhello var c = 5;
var ac = a * c;
alert(typeof (ac)); //number
alert(ac);//0 if (a ) //false
{ } else
{
alert("false");
} var u; alert(a == u); //true

  从给出的例子可以看出:

 null 在 string中 自动转成字符串"null" , 在number中表示数字 0,在逻辑判断中相当于false,在值表示时  和undefined 一样。注意是== 而不是===。

     虽然javascript 在进行比较时,== 转换了其比较类型,但是其变量类型并没有因为== 而发生改变。

  

javascript 工作必知(四) 类型转换的更多相关文章

  1. JavaScript 工作必知(九)function 说起 闭包问题

    大纲 Function Caller 返回函数调用者 Callee 调用自身 作用域 闭包 function 函数格式 function getPrototyNames(o,/*optional*/ ...

  2. javaScript 工作必知(三) String .的方法从何而来?

    String 我们知道javascript 包括:number,string,boolean,null,undefined 基本类型和Object 类型. 在我的认知中,方法属性应该是对象才可以具有的 ...

  3. javaScript 工作必知(六) delete in instanceof

    in in 判断  左边 的字符串或者能转换成字符串的是否属于 右边 的属性. var data = { x: 1, y: 4 };//定义了直接对象 alert("x" in d ...

  4. javaScript 工作必知(五) eval 的使用

    eval eval(parse) parse :里面跟参数字符串,我们知道执行javascript 会编译执行,    改变全局变量的值: var x = 2; //定义的全局变量 alert(x); ...

  5. javaScript 工作必知(十) call apply bind

    call  每个func 都会继承call apply等方法. function print(mesage) { console.log(mesage); return mesage; } print ...

  6. javaScript 工作必知(八) 属性的特性 值、写、枚举、可配置

    属性的特性 每个对象都拥有属性,属性具有哪些特性呢? 1.属性具有值.  2.属性是否是可写的.            3.是否是可枚举的.            4.是否是可配置的.   " ...

  7. javaScript 工作必知(七) 对象继承

    对象继承inherit var o = { r: 1 }; var c = function f() { }; c.prototype = o; c.r = 3; alert(o.r);//被继承的属 ...

  8. javaScript 工作必知(二) null 和undefined

    null null 表示个“空” , 使用typeof (null) ;//Object ; 说明他是一个特殊的对象. null 类型只自己唯一个成员.他是不包含属性和方法的. undefined u ...

  9. javaScript 工作必知(十一) 数组常用方法实现

    大纲 Array join reverse反转 sort排序 concat 拼接 slice splice 数组 //定义数组 var a = []; //使用Array定义一个数组, var a1 ...

随机推荐

  1. css案例学习之继承关系

    代码 <html> <head> <title>继承关系</title> <style> body{ color:blue; /* 颜色 * ...

  2. Codeforces 306B

    #include <cstdio> #include <algorithm> #include <cstring> #include <cstdlib> ...

  3. javascript高级知识分析——函数访问

    代码信息来自于http://ejohn.org/apps/learn/. 可以通过函数的名字在它的内部引用它. function yell(n){ return n > 0 ? yell(n-1 ...

  4. DOM 样式操作

    通过js动态的修改样式 更新样式的方法:一.使用.style方法修改样式,缺点是使样式混杂在js中,再次修改不易.二.更新class属性,更改样式.三.一次性更改很多元素样式(如换肤操作),更改样式表 ...

  5. context.drawImage绘制图片

    context.drawImage(img,x,y)  x,y图像起始坐标 context.drawImage(img,x,y,w,h) w,h指定图像的宽度和高度 context.drawImage ...

  6. 第四课 Grid Control实验 GC Agent安装(第一台机器部署) 及卸载

    3.GC Agent安装(第一台机器部署) 安装Agent 拷贝agent,现在ocm2机器上查找agent.linux  查找文件的方法: find ./ -name agent*linux 把ag ...

  7. hadoop 各种组件配置参数

    ********************************************hive*********************************************** hive ...

  8. JAVA 堆设置

    JAVA 堆设置 第四节 堆已经讲得差不多啦,这章我们以一个例子来说说如何设置以及当发生堆溢出的时候怎么排查问题.先看一小段代码:         代码中使用了一个无限循环来为list添加对象,如果采 ...

  9. jquery.validate校验文件使用说明

    官网地址:http://bassistance.de/jquery-plugins/jquery-plugin-validation 一导入js库<script src="../js/ ...

  10. 使用chrome调试xpath

    使用chrome调试xpath 相信玩过爬虫的都知道一些库,如lxml(python),可以使用xpath方便地对HTML进行提取,但当真正用的时候,问题就来了,想找到一个元素往往要调试好几遍,而且得 ...