JS数据类型,运算符流程,控制语句

JavaScript 定义了几种数据类型? 哪些是原始类型?哪些是复杂类型?原始类型和复杂类型的区别是什么?

  • JavaScript定义了六种数据类型。
    1. number(数值): 整数和小数(比如3.14)。
    2. string(字符窜): 字符组成的文本。
    3. boolean(布尔值), 只有两个值true或false。
    4. undefined:表示“未定义”或不存在,即此处目前没有任何值。
    5. null:表示空缺,即此处应该有一个值,但目前为空。
    6. 对象(object):各种值组成的集合。
  • 原始类型
    数值、字符串、布尔值称为原始类型(primitive type)的值,即它们是最基本的数据类型,不能再细分了。
  • 复杂类型
    对象为复杂类型(complex type)的值,一个对象往往是多个原始类型的值的合成,可以看作是一个存放各种值的容器。
  • 至于undefined和null,一般将它们看成两个特殊值。

typeof和instanceof的作用和区别?

  • typeof是一个一元运算符,放在一个运算数之前,运算数可以是任意类型。它返回值是一个字符串,该字符串说明运算数的类型。,typeof一般只能返回如下几个结果:number,boolean,string,function,object,undefined。


    typpof用法.png
  • instanceof用于判断某个变量是否是某个对象的实例,返回值为true或false。


    instanceof用法.png

如何判断一个变量是否是数字、字符串、布尔、函数

  • typeof运算符可以判断一个变量是否是数字、字符串、布尔、函数


    typeof数据类型判断.png

NaN是什么? 有什么特别之处?

  • NaN( Not a Number), 非数字。

  • NaN本身有两个特点

  1. 任何涉及NaN的操作都会返回NaN;
  2. NaN与任何值都不相等,包括NaN本身;


    NaN特性.png

如何把非数值转化为数值?

  • 有3个函数可以把非数值转换为数值:Number()、parseInt()和parseFloat()。第一个函数,即转型函数Number()可以用于任何数据类型,而另两个函数则专门用于把字符串转换成数值。这3个函数对于同样的输入会有返回不同的结果。

    • Number()函数的转换规则如下:
      如果是Boolean值,true和false将分别被转换为1和0;
      如果是数字值,只是简单的传入和返回;
      如果是null值,返回0;
      如果是undefined,返回NaN;


      Number()函数.png
      如果是字符串,遵循下列规则:
      1. 如果字符串中只包含数字(包括前面带正号或负号的情况),则将其转换为十进制数值,即“1”会变成1,“123”会变成123,而“011”会变成11(注意:前导的零被忽略了);

      2.如果字符串中包含有效的浮点格式,如“1.1”,则将其转换为对应的浮点数值(同样,也会忽略前导零);

      3.如果字符串中包含有效的十六进制格式,例如“0xf”,则将其转换为相同大小的十进制整数值;

      4.如果字符串是空的(不包含任何字符),则将其转换为0;

      5.如果字符串中包含除上述格式之外的字符,则将其转换为NaN.

      如果是对象,则调用对象的valueOf()方法,然后依照前面的规则转换返回的值。如果转换的结果是NaN,则调用对象的toString()方法,然后再次依照前面的规则转换返回的字符串值。


      Number()转化string.png
    • parseInt()
      忽略字符串前面的空白字符,找到第一个非空白字符。
      如果第一个字符不是-或者数字返回NaN。
      如果第一个字符是数字字符,会继续解析第二个字符,知道解析完所有后续字符或者遇到了一个非数字字符。例如“1234blue”会被转换为1234,因为“blue”会被完全忽略。
      0开头会当做八进制,0x开头会当做十六进制,但是可以指定第二个参数指定基数。


      parseInt().png
  • parseFloat() 与parseInt()函数类似,有两点区别
    parseInt()在解析"22.34.5"时会将其转换为22,因为小数点并不是有效的数字字符;而parseFloat()可以将转换为22.34,因为parseFloat()在解析时遇到一个无效的浮点数字字符为止,而上述字符砖中第一小数点是有效的;
    parseInt()与parseFloat()的第二个区别在于它始终都会忽略前导的零。


    parseFloat();.png

==与===有什么区别

===是严格意义上的相等,只需注意NaN和NaN不等就行了。
而使用==的时候,javascript会帮我们做类型转换,造成一些匪夷所思的结果,那么使用==的时候在一下情况下会做相应的类型转换。

如果两个值类型相同,则执行严格相等的运算
如果两个值的类型不同
1.如果一个是null,一个是undefined,那么相等
2.如果一个是数字,一个是字符串,先将字符串转为数字,然后比较
3.如果一个值是true/false则将其转为1/0比较
4.如果一个值是对象,一个是数字或字符串,则尝试使用valueOf和toString转换后比较
5.其它就不相等了

break与continue有什么区别

  • break语句:
    break语句会使运行的程序立刻退出包含在最内层的循环或者退出一个switch语句。由于它是用来退出循环或者switch语句,所以只有当它出现在这些语句时,这种形式的break语句才是合法的。
    如果一个循环的终止条件非常复杂,那么使用break语句来实现某些条件比用一个循环表达式来表达所有的条件容易得多。

  • continue语句:
    continue语句和break语句相似。所不同的是,它不是退出一个循环,而是开始循环的一次新迭代。
    continue语句只能用在while语句、do/while语句、for语句、或者for/in语句的循环体内,在其它地方使用都会引起错误!

  • return语句:
    return语句就是用于指定函数返回的值。return语句只能出现在函数体内,出现在代码中的其他任何地方都会造成语法错误!
    当执行return语句时,即使函数主体中还有其他语句,函数执行也会停止!

void 0 和 undefined在使用场景上有什么区别

void 运算符后面接一个表达式,无论表达式的内容是什么,只要跟在 void 之后都会被调用执行,执行完毕后 void 操作符返回 undefined。
使用 void 运算符有三种用处:
生成 undefined,既减少了在原形链上查找 window.undefined 的时间,也避免了误用被修改过的 undefined。
让函数立即执行
充当 javascript: 协议的 URI

以下代码的输出结果是?为什么?

    // 以下代码的输出结果是?为什么?
    console.log(1+1);// 2(number), 都为number,直接相加。
    console.log("2"+"4"); //24(string),都为string,字符窜拼接。
    console.log(2+"4"); //24(string), 一个是number,一个是string类型,也进行字符串拼接
    console.log(+"4");  //4(number),加号前置,直接将字符窜值,转化为number。

    var a = 1;
    a+++a; // a+++a;  输出结果为3,由于++的优先级高于+ ,故先计算a++得1,a为2;
    typeof a+2; //"number2" 由于typeof()的优先级大于+,故typeof a结果为number,实际运行为(typeof a) + 2。

    var a = 1;
    var b = 3;
    console.log( a+++b ); //4(number), "++"自增优先级高,实际上的运算过程是(a++)+b; 而且a++是先赋值后计算。换成++a, 结果又不一样了。


    //遍历数组,把数组里的打印数组每一项的平方
    var arr = [3,4,5];
    for(var key in arr) {
        console.log(arr[key]*arr[key]);
    }

    //遍历 JSON, 打印里面的值
    
    var obj = {
        name: "hunger",
        sex: "male",
        age: 28
    }
    for(var key in obj){
        console.log(obj[key]);
    }


    // 以下代码输出结果是? 为什么?
    var a = 1, b = 2, c = 3;
    var val = typeof a + b || c >0;
    console.log(val);// number2。typeof的优先级比较高typeof a为number,b||c>0就是 2||true,结果为2,相加等于“number2”。

    var d = 5;
    var data = d ==5 && console.log('bb'); 
    console.log(data);//undefined。  d==5结果是ture,&&运算左边为true要看右边,console.log()的返回值是undefined,所以data的值为undefined。


    var data2 = d = 0 || console.log('haha'); 
    console.log(data2); //undefined。  data2的值为0(false),执行后面的条件语句,console.log的返回值为undefined,0||undefined的值为undefined。
 
    var x = !!"Hello" + (!"world", !!"from here!!");
    console.log(x); ////2。   字符串前加!强制转换成布尔值,并转换成false 即值为0,!!代表双重否定 结果为true,即值为1。!!"hello" 和 !!"from here!!"转换为true ,值都为1,!"world"转换为false ,即值为0,当布尔值相加时,会根据转换后的数值1或0,分别相加得到结果2。

推荐阅读更多精彩内容