美文网首页
进阶任务2 数据类型运算符流程控制语句 作业

进阶任务2 数据类型运算符流程控制语句 作业

作者: Soarse | 来源:发表于2017-04-28 15:08 被阅读0次

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

    • 数值 number:整数和小数
    • 字符串 string:字符组成的文本
    • 布尔型 boolean:true 和 false 两个特定值
    • undefined:表示“未定义”或“不存在”,即此处目前没有任何值
    • null:表示空缺,即此处应该有一个值,但目前为空
    • 对象 object:各种值组成的集合,可以看为一个容器

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

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

    undefined 和 null,一般被看作两个特殊值。


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

    typeof 用以获取一个变量或者表达式的类型,typeof 一般只能返回如下几个结果:
    number,boolean,string,function,undefined,object(包括 NULL,数组,对象)。

    typeof (123); //返回"number"
    typeof ("123"); //返回"string"
    

    我们可以使用typeof来获取一个变量是否存在,如 if ( typeof v != "undefined" ) { },而不要去使用if(v)因为如果v不存在(未声明)则会出错,错误显示 v 没有声明。

    由于 typeof 遇到 null、数组、对象时都会返回object类型,所以当我们要判断一个对象是否是数组时、判断某个变量是否是某个对象的实例时,要选择使用另一个关键语法instanceof

    instanceof 用于判断一个变量是否某个对象的实例,如

    var a=new Array();
    console.log(a instanceof Array);
    

    会返回 true,同时 alert(a instanceof Object) 也会返回true;这是因为 Array 是 object 的子类。
    再如:

    function test(){};
    var a=new test();
    console.log(a instanceof test);
    

    会返回 true。


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

    利用 typeof( ) 操作符,其可以返回 undefined/boolean/number/string/function/object 等字符串,用以判断变量类型。


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

    NaN 是非数值(Not a number)的意思,其自身是一个特殊的数值,用于表示一个本来要返回数值的操作数未返回数值的情况,这样子就可以避免抛出错误。
    NaN 有两个特点:

    • 任何设计 NaN 的操作都会返回 NaN;
    • NaN 与任何值都不相等,包括 NaN 本身,NaN==NaN 会返回 false

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

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

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

    利用+号也可以将非数值转化为数值

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

    ===是严格意义的相等,只需注意 NaN 和 NaN 不等就行了。<span style="color:red">一般写代码都要用===。</span>而使用==的时候,javascript会帮我们做类型转换,造成一些特别的结果:

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

    7. break与continue有什么区别

    break 和 continue 语句用于在循环中精准的控制代码的执行,其中 break 语句会立即退出循环,强制继续执行循环后面的语句。而 continue 语句虽然也是立即退出循环,但退出循环后会从循环的顶部继续执行。

    var num = 0;
    for(var i=0; i<10; i++) {
        if(i==5){
            break;
        }
        num++;
    }
    console.log(num);
     // 循环结束后,num 值为4,i 总共循环5次,第5次时 break 循环打断,num++ 没有再执行
    
    var num = 0;
    for(var i=0; i<10; i++) {
        if(i==5){
            continue;
        }
        num++;
    }
    console.log(num);
    //循环结束后,num 值为9,i 循环10次,第5次时 continue 将下一步 num++ 跳过,直接进行下一次循环
    

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

    undefined 并不是保留字,而是全局对象的一个属性,在 ES5 之前的版本中可以被重写,在某些极端情况下使用 undefined 会出现一些错误。

    void 运算符能对给定的表达式进行求值,然后返回 undefined。也就是说,void 后面随便跟上一个表达式,返回的都是 undefined,可以完美代替 undefined。其中最短的就是 void 0 了,其实 void 1,void (1+1),void (0) 或者 void “hello”,void (new Date()) 等都是一样的。

    最重要的是,void 是不能被重写的(cannot be overidden)。并且在 ES5 大环境下,用 void 0 代替 undefined 能节省不少字节的大小。


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

    console.log(1+1);   //2,普通的数值相加
    console.log("2"+"4");  //"24",字符串相加结果是两个字符串的拼接
    console.log(2+"4");  // "24",数值和字符串相加,数值转化为字符串,然后进行字符串拼接
    console.log(+"4"); // 4,对字符串进行单纯+运算,结果将字符串转化为数值
    

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

    var a = 1; 
    a+++a; //
    typeof a+2; //number
    

    输出是 "number2",由于最后一行运算根据优先级,先进行 typeof a 运算得到字符串 "number",然后进行字符串和数值相加运算得到"number2"


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

    var a = 1;
    var b = 3;
    console.log( a+++b );
    

    输出为4,因为 a+++b 先进行 a++ 运算,此时 a 的数值加1但是 a++ 的数值依然保持为1,然后与 b 做相加运算得到结果为4。


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

    var arr = [3,4,5]
    for (var item in arr) { 
        console.log(arr[item] * arr[item]);
    }
    

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

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

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

    var a = 1, b = 2, c = 3;
    var val = typeof a + b || c >0;
    console.log(val) ;
    var d = 5;
    var data = d ==5 && console.log('bb')
    console.log(data)
    var data2 = d = 0 || console.log('haha')
    console.log(data2)
    
    var x = !!"Hello" + (!"world", !!"from here!!");
    console.log(x)
    
    var a = 1, b = 2, c = 3;
    var val = typeof a + b || c >0;
    // 运算顺序为:var val = {[(typeof a) + b] || (c > 0)},
    // 由于[(typeof a) + b]的值为 "number2",
    // 被逻辑 || 判断为真,所以全部运算式返回[(typeof a) + b] 的值
    console.log(val) ;
    // 此时显示"number2"
    
    var d = 5;
    var data = d ==5 && console.log('bb')
    // 运算顺序为:var data = [(d == 5) && console.log('bb')]
    // (d==5)为真,此时逻辑 && 运算返回 console.log('bb')的值即 undefined
    // 同时会先显示出'bb',然后 undefined 被赋值给 data
    console.log(data)
    // 显示 undefined
    
    var data2 = d = 0 || console.log('haha')
    // 运算顺序为:var data2 = [d = (0 || console.log('haha'))]
    // 0 为假此时逻辑 || 运算返回 console.log('haha') 的值即为 undefined
    // 同时会先显示出 'haha',然后将 undefined 赋值给 data2
    console.log(data2)
    // 显示 undefined
    
    var x = !!"Hello" + (!"world", !!"from here!!");
    // 运算顺序为:var x = !!"Hello" + (!"world", !!"from here!!");
    // 结果为2,空字符串为false,非空则为true,var x = true+(false+true)
    // true为1,1+1=2。
    console.log(x)
    

    相关文章

      网友评论

          本文标题:进阶任务2 数据类型运算符流程控制语句 作业

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