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

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

作者: 南山码农 | 来源:发表于2017-07-31 11:28 被阅读0次

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

    JavaScript语言的每一个值,都属于某一种数据类型。JavaScript的数据类型,共有六种。

    • 数值(number):整数和小数(比如1和3.14)

    • 字符串(string):字符组成的文本(比如"Hello World")

    • 布尔值(boolean):true(真)和false(假)两个特定值

    • undefined:表示“未定义”或不存在,即此处目前没有任何值

    • null:表示空缺,即此处应该有一个值,但目前为空

    • 对象(object):各种值组成的集合

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

    数值、字符串、布尔值称为原始类型(primitive type)的值,即它们是最基本的数据类型,不能再细分了。
    将对象称为复杂类型(complex type)的值,因为一个对象往往是多个原始类型的值的合成,可以看作是一个存放各种值的容器。
    至于undefined和null,一般将它们看成两个特殊值。

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

    JavaScript有三种方法,可以确定一个值到底是什么类型。

    • typeof运算符
    • instanceof运算符
    • Object.prototype.toString方法

    typeof 是一个一元运算,放在一个运算数之前,运算数可以是任意类型。
    它返回值是一个字符串,该字符串说明运算数的类型。
    数值、字符串、布尔值分别返回number、string、boolean。
    函数返回function。
    undefined返回undefined。

    利用这一点,typeof可以用来检查一个没有声明的变量,而不报错。

    v  // ReferenceError: v is not defined
    typeof v // "undefined"
    

    实际编程中,这个特点通常用在判断语句。

    // 错误的写法
    if (v) { }  // ReferenceError: v is not defined
    
    // 正确的写法
    if (typeof v === "undefined") { }
    

    除此以外,其他情况都返回object。

    在使用 typeof 运算符时采用引用类型存储值会出现一个问题,无论引用的是什么类型的对象,它都返回 "object"。ECMAScript 引入了另一个 Java 运算符 instanceof 来解决这个问题。

    instanceof是一个二元操作符(运算符),和==,>,<是同一类东西。由于它是由字母组成的,它的作用是判断其左边对象是否为其右边类的实例,返回boolean类型的数据。

     expression  instanceof  class
    

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

    instanceof 运算符与 typeof 运算符相似,用于识别正在处理的对象的类型。与 typeof 方法不同的是,instanceof 方法要求开发者明确地确认对象为某特定类型。例如:

    var oStringObject = new String("hello world");
    alert(oStringObject instanceof String); //输出 "true"
    

    这段代码问的是“变量 oStringObject 是否为 String 对象的实例?”oStringObject 的确是 String 对象的实例,因此结果是 "true"。尽管不像 typeof 方法那样灵活,但是在 typeof 方法返回 "object" 的情况下,instanceof 方法还是很有用的。

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

    typeof运算符
    instanceof 运算符
    Object.prototype.toString方法


    Paste_Image.png

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

    NaN含义是Not a Number,表示非数字,NaN和任何值都不相等,包括自己.

            NaN===NaN;//false
    

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

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

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

    Number()

    Number() 函数把对象的值转换为数字。

    如果是Boolean值,true和false值将分别被转换为1和0。

    如果是数字值,只是简单的传入和返回。

    如果是null值,返回0。

    如果是undefined,返回NaN。

    如果是字符串:

    a. 如果字符串中只包含数字时,将其转换为十进制数值,忽略前导0

    b. 如果字符串中包含有效浮点格式,如“1.1”,将其转换为对应的浮点数字,忽略前导0

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

    d. 如果字符串为空,将其转换为0

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

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

    f.如果参数是 Date 对象,Number() 返回从 1970 年 1 月 1 日至今的毫秒数。
    g.如果对象的值无法转换为数字,那么 Number() 函数返回 NaN。

    <script type="text/javascript">
      var test1= new Boolean(true);
      var test2= new Boolean(false);
      var test3= new Date();
      var test4= new String("999");
      var test5= new String("999 888");
    
      document.write(Number(test1)+ "<br />");/*1*/
      document.write(Number(test2)+ "<br />");/*0*/
      document.write(Number(test3)+ "<br />");/*1501466061880*/
      document.write(Number(test4)+ "<br />");/*999*/
      document.write(Number(test5)+ "<br />");/*NaN*/
    

    parseInt parseFloat

    忽略字符串前面的空白字符,找到第一个非空白字符
    如果第一个字符不是-或者数字返回NaN
    如果是继续解析,直到非数值模式为止
    0开头会当做八进制,0x开头会当做十六进制,但是可以指定第二个参数指定基数

    parseInt('blue'); //NaN
    parseInt('-23ABS'); // -23
    parseInt('0xf1'); // 241
    parseInt('101', 2); // 5
    

    与parseInt() 函数类似,parseFloat() 也是从第一个字符(位置0)开始解析每一个字符。也是一直解析到字符串末尾,或者解析到遇见一个无效的浮点数字字符为止。
    也就是说,字符串中第一个小数点是有效的,而第二个小数点就是无效的了,它后面的字符串将被忽略。
    parseFloat() 只解析十进制,因此它没有第二个参数指定基数的用法
    如果字符串中包含的是一个可解析为正数的数(没有小数点,或者小数点后都是零),parseFloat() 会返回整数。
    例:

    var num1 = parseFloat("123AF"); //123
    var num2 = parseFloat("0xA"); //0
    var num3 = parseFloat("22.5");  //22.5
    var num4 = parseFloat("22.3.56");  //22.3
    var num5 = parseFloat("0908.5"); //908.5
    

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

    ==相等
    ===严格相等
    ===是严格意义的相等,只需注意NaN和NaN不等就行
    使用==的时候,javascript会帮我们做类型转换,

    • 1.如果两个值类型相同,则执行严格相等的运算

    • 2.如果两个值的类型不同

    • 3.如果一个是null,一个是undefined,那么相等

    • 4.如果一个是数字,一个是字符串,先将字符串转为数字,然后比较

    • 5.如果一个值是true/false则将其转为1/0比较

    • 6.如果一个值是对象,一个是数字或字符串,则尝试使用valueOf和toString转换后比较

    • 7.其它就不相等了

      null==undefined;
      NaN==NaN
      "1"==true

    7.break与continue有什么区别

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

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

    undefined 在 ES5 中已经是全局对象的一个只读(read-only)属性了,它不能被重写。但是在局部作用域中,还是可以被重写的。
    所以undefined现常用于全局环境

    void (expression)只计算表达式,而无返回值
    

    void 运算符通常只用于获取 undefined 的原始值,一般使用 void(0)(等同于 void 0)。在上述情况中,也可以使用全局变量undefined 来代替(假定其仍是默认值)。
    而 void 可以给任何给定的表达式求值,并返回 undefined,并且 void 不可被重写,因此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;  //因为++的优先级比+高所以相当于(a++)+a; 1+2=3
    typeof a+2;"//number2" typeof优先级相当高此时就相当于先typeof a再加上2,"number"+2="number2"。一般要对typeof后的表达式加上括号。
    

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

     var a = 1;
     var b = 3;
     console.log( a+++b );//(a++)+b 结果为4(a先用再自加)
    

    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 
    }
    

    代码

     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
    console.log(val) ;
    
    number2
    
    var d = 5;
    var data = d ==5 && console.log('bb')
    console.log(data)
    
    bb
    undefined
    
    var data2 = d = 0 || console.log('haha')
    console.log(data2)
    
    haha
    undefined
    
    var x = !!"Hello" + (!"world", !!"from here!!");
    console.log(x)
    
    2

    相关文章

      网友评论

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

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