美文网首页饥人谷技术博客
数据类型,运算符,流程控制语句

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

作者: 阿鲁提尔 | 来源:发表于2017-07-27 09:53 被阅读0次

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

    JavaScript的数据类型,一共有7种类型,分别是 null,undefined,string,number,boolean,object,symbol

    • 数值(number):整数和小数(比如1和3.14)
    • 字符串(string):字符组成的文本(比如"Hello World")
    • 布尔值(boolean):true(真)和false(假)两个特定值
    • undefined:表示“未定义”或不存在,即此处目前没有任何值
    • null:表示空缺,即此处应该有一个值,但目前为空
    • 对象(object):各种值组成的集合
    • Symbol 是一种特殊的、不可变的数据类型,可以作为对象属性的标识符使用。(Symbol 生成一个全局唯一的值)

    原始类型和复杂类型

    • 数值、字符串、布尔值、 Symbol称为原始类型(primitive type)的值,即它们是最基本的数据类型,不能再细分了。

    • 将对象称为复杂类型(complex type)的值,因为一个对象往往是多个原始类型的值的合成,可以看作是一个存放各种值的容器。

    **对象的细分**
    对象又可以分成三个子类型。
     - 狭义的对象(object)
     - 数组(array)
     - 函数(function)
     - 正则表达式 (regexp)
    

    至于undefinednull,一般将它们看成两个特殊值。

    2.typeof和instanceof的作用和区别?

    • typeof用于检测变量的基本类型,一般返回这些结果:number,boolean,string,function,object,undefined
    • instanceof 用于判断一个变量是否某个对象的实例。

    区别:typeof是判断变量是什么基本类型的;
    instanceof是判断对象到底是什么类型的;

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

    使用typeof 运算符可以返回一个值的数据类型

    数值、字符串、布尔值分别返回numberstringboolean

    typeof 123 // "number"
    typeof '123' // "string"
    typeof false // "boolean"
    

    函数返回function

    function f() {}
    typeof f
    // "function"
    

    undefined返回undefined

    typeof undefined
    // "undefined"
    

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

    NaN(Not a Number)即非数值,是一个特殊的数值,用于表示一个本来要返回数值的操作数未返回数值的情况。

    特点:

    1. 任何涉及NaN的操作均会返回NaN
    2. NaN与任何值不相等,包括自身
      NaN == NaN; //false
      parseInt('abc'); //NaN
    

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

    数值转换

    有三个函数可以把非数值转换为数值

    1. Number()
    2. parseInt()
    3. parseFloat()

    注:Number规则相当复杂而且不合理,几乎不使用,常用的是后两个,两个规则类似

    • 忽略字符串前面的空白字符,找到第一个非空白字符
    • 如果第一个字符不是-或者数字返回NaN
    • 如果是继续解析,直到非数值模式为止
    • 0开头会当做八进制,0x开头会当做十六进制,但是可以指定第二个参数指定基数
        parseInt('blue'); //NaN
        parseInt('-23ABS'); // -23
        parseInt('0xf1'); // 241
        parseInt('101', 2); // 5
    

    数值参考

    6.==与===有什么区别

    == 判断规则:

    • 1.如果两个值类型相同,进行 === 比较。
    • 2.如果两个值类型不同,他们可能相等。根据下面规则进行类型转换再比较:
      • 如果一个是null、一个是undefined,那么[相等]。
      • 如果一个是字符串,一个是数值,把字符串转换成数值再进行比较。
      • 如果任一值是 true,把它转换成 1 再比较;如果任一值是 false,把它转换成 0 再比较。
      • 如果一个是对象,另一个是数值或字符串,把对象转换成基础类型的值再比较。对象转换成基础类型,利用它的toString或者valueOf方法。js核心内置类,会尝试valueOf先于toString;例外的是Date,Date利用的是toString转换。非js核心的对象,令说(比较麻烦,我也不大懂)
      • 任何其他组合,都[不相等]。

    === 判断规则

    • 1.如果类型不同,就[不相等]
    • 2.如果两个都是数值,并且是同一个值,那么[相等];(!例外)的是,如果其中至少一个是NaN,那么[不相等]。(判断一个值是否是NaN,只能用isNaN()来判断)
    • 3.如果两个都是字符串,每个位置的字符都一样,那么[相等];否则[不相等]。
    • 4.如果两个值都是true,或者都是false,那么[相等]。
    • 5.如果两个值都引用同一个对象或函数,那么[相等];否则[不相等]。
    • 6.如果两个值都是null,或者都是undefined,那么[相等]。

    我们知道可以使用==或===判断两个值的相等性,===是严格意义的相等,只需注意NaN和NaN不等就行了。

    而使用==的时候,javascript会帮我们做类型转换,转换成相同类型的值,再进行比较。

    null==undefined; //true
    NaN==NaN; //false 
    "1"==true; //true 
    true == 1; //ture true会转换成number,也就是1
    true == 2; //false 当然 1 不等于 2
    

    区别:

    • 对于string,number等基础类型,==和===是有区别的

    • 不同类型间比较,==之比较“转化成同一类型后的值”看“值”是否相等,===如果类型不同,其结果就是不等

    • 同类型比较,直接进行“值”比较,两者结果一样

    • 对于Array,Object等高级类型,==和===是没有区别的
      进行“指针地址”比较

    • 基础类型与高级类型,==和===是有区别的

    • 对于==,将高级转化为基础类型,进行“值”比较

    • 因为类型不同,===结果为false

    7.break与continue有什么区别

    • break 用于强制退出循环体,执行循环后面的语句
    • continue 用于退出本次循环,执行下次循环

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

    • undefined是一个全局属性,表示未定义或定义了没有赋值。
    • void是一个一元运算符,不管传入什么参数都会返回undefined。
    • void操作符是在ECMAScript v1中定义的,而undefined是在ECMAScript v5中定义的。
    • 使用void 0代替undefined是为了兼容性以及预防代码的不规范(自己修改undefined的值)。

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

    console.log(1+1);    //2   数字1+1 = 2
    console.log("2"+"4");   //字符串"24"  字符串"2"+字符串"4" = "24"
    console.log(2+"4");   //字符串"24"  数值2 会自动转化为字符串"2"
    console.log(+"4");  // 数字 4  字符串"4" 转化为数值 
    在只有一个字符串参数的时候会尝试将其转换为数字
    

    10. 以下代码的输出结果是?

    var a = 1;  
    a+++a;    // (a++)+a =3;
    typeof a+2;   //  (typeof 3)+2   = "number"+2 = "number2"
    

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

     var a = 1;
     var b = 3;
     console.log( a+++b );  // (1 ++ ) + 3 = 4 
     a+++b相当于(a++)+b, a++ 先运算再赋值,也就是当前的a++还是1,那么1+3=4
    

    12. 遍历数组,把数组里的打印数组每一项的平方

     var arr = [3,4,5]
    //打印数组每一项平方
    var arr = [3,4,5]
                for ( var i = 0;i<arr.length; i++) {
                    console.log( arr[i]*arr[i]);
                }
    

    13. 遍历 JSON, 打印里面的值

    var obj = {
     name: 'hunger', 
     sex: 'male', 
     age: 28 
    }
    //遍历
    for ( key in obj ) {
        console.log( obj[key] );
    }
    

    14. 以下代码输出结果是? 为什么 (选做题目)

    var a = 1, b = 2, c = 3;
    var val = typeof a + b || c >0  
    //(typeof + a ) + b || (c > 0)    = 最后执行,所以表达式优先级
    //number +b || true    typeof 1 为数值,所以得出 number 
    // (number + 2 ) || true  
    //"number2" || true  字符串+数字,就转化为字符串
    console.log(val)  
    //"number2"
    
    var d = 5;
    var data = d ==5 && console.log('bb')  // = 最后执行
    // (d == 5) && (console.log('bb'))
    // true && undefined
    // undefined
    console.log(data)
    //undefined
    
    var data2 = d = 0 || console.log('haha') //
     // ( 0 ||( console.log('haha'))  
     // 0 || undefined
    // 在把undefined 赋值给 d 
    //再把undefined 赋值给 data2
    console.log(data2)
    // undefined
    
    var x = !!"Hello" + (!"world", !!"from here!!") //
    // ( !!"Hello")+(!"world", !!"from here!!") 
    // true + true 
    // 1 + 1
    console.log(x)
    // 2
    

    相关文章

      网友评论

        本文标题:数据类型,运算符,流程控制语句

        本文链接:https://www.haomeiwen.com/subject/vogakxtx.html