美文网首页
js-数据类型运算符

js-数据类型运算符

作者: 小囧兔 | 来源:发表于2017-05-21 23:22 被阅读0次

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

    JavaScript共定义了六种基本类型:
    数值(number):小数和整数。如12、2.2
    字符串(string):字符串组成的文本。如"adc‘’
    布尔值(boolean):true和false
    undefined:表示“未定义”或不存在,即由于目前没有定义,所以此处暂时没有任何值。
    null:表示无值,即此处的值就是“无”的状态.
    对象(object):由属性/值键值对组成的集合。如{name:"小明"}

    数值、字符串、布尔值为原始类型。
    对象为复杂类型。

    原始类型和复杂类型的区别:
    原始类型:最基本的数据类型,不能再细分。
    复杂类型:由多个原始类型的值组成。

    typeof和instanceof的作用和区别?

    typeof:
    typeof运算符可以返回一个操作数类型的字符串.
    如:

    1.原始数据类型
    typeof 1 // "number"
    typeof '3' // "string"
    typeof true// "boolean"
    2.函数
    function a(){}
    typeof a;//function
    3.undefined
    typeof undefined  // "undefined"
    4.除上面以外,其他返回的都是object
    typeof window // "object"
    typeof {} // "object"
    typeof [] // "object"
    typeof null // "object"
    

    可以利用第3点返回一个没有声明的变量而不报错。所以对于对象来说,typeof只是用于检测该对象是否定义或者赋值。

    instanceof:
    instanceof运算符用来判断一个对象是否为某个构造函数的实例.
    例如:

    var o=new Obj();
    o instanceof Obj    //true
    

    instanceof运算符返回一个布尔值,左边是对象,右边是构造函数,实际是检查右边构造函数的原型链是否在左边的对象的原型链上。
    上面等同于

     Obj.prototype.isPrototypeOf(o),
    

    instanceof是检查原型链,所以同一个实例与原型链上构造函数运算时,结果都是true。如果对象没有原型链,就无法判断,比如null

    Object.create(null) instanceof Object  //false
    

    instanceof运算符只能用于对象,不能用于原始类型的值,如number,string,这些

    Paste_Image.png

    结果:

    Paste_Image.png

    区别

    typeof的操作数可以是任意类型,instanceof只适用于对象。
    typeof返回值是字符串,instanceof返回的是true或者false。

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

    使用typeo运算符,判断返回的字符串是否是以下几种类型的:

    typeof num==="number";
    typeof str==="string";
    typeof b==="boolean";
    typeof f==="function"
    

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

    NaN表示非数字(not a number),以下这些操作会返回NaA:
    1.与NaN运算的都返回NaN。
    2.未定义操作,如0/0、∞/∞
    3.产生复数结果的实数运算。例如:对负数开偶次方。
    4.字符串解析错误也会得到NaN:1- 'a' // NaN
    虽然NaN是javascript的一种特殊的值,但是属于number类型,NaN不等于任何值,包括它自己。NaN在布尔运算时被当作false。

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

    1.使用parseInt()
    parseInt()函数解析一个字符串并返回一个整数。
    如果字符串以“0x”开头,则转为十六进制。
    如果字符串以“0”开头,则转为八进制。
    如果字符串以任何其他值开头,则转为十进制。
    2.使用Number函数

    1.如果是数值,使用Nunber转换之后还是数值。
    Nunber(0);  //0
    2.如果是可以解析成数值的,转换之后还是数值。
    Nunber(“12”);  //12
    3.如果是不可以解析成数值的字符,转换之后是NaN,
    undefined转换之后也是NaN。
    4.null和false、' '(空字符串)转换成0.
    5.布尔值true转换成1.
    

    两个函数都可以把非数值转换成字符串,但是Number比parseInt更严格,只要有一个是非数值的,Nunber都会转成NaN,因为parseInt逐个解析字符,而Number函数整体转换字符串的类型。

    ==与===有什么区别?

    ==:使用==时,在比较两个值之前,==将表达式的一边转换为与另一个相同的类型,如果值相等,结果是true。 例如,布尔和整数,

    Paste_Image.png
    说明true==1的结果是true,但是它们的类型不同,只是类型转换之后值相等。
    ===:===在进行比较之前不会去转换,如果类型不同,则返回false。如果类型和值都相等,就返回true。
    两个不同类型,值相同的数,结果是false。
    Paste_Image.png
    类型和值都相同的结果是true。
    Paste_Image.png

    ==与===两者都先检查类型,==如果类型不同就转换成相同的再比较值,===如果类型不同结果就是false,===比==更严格.

    break与continue有什么区别。

    break:跳出整个循环体,不会在执行循环体了。
    continue:跳出本次循环,还会执行循环体的下次循环。

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

    void 0 是执行一个表达式,不能被覆盖,并且始终返回值undefined。
    undefined是一个值,因为undefined不是js的保留字,所以可以在函数的上下文声明一个叫做undefined的变量,并且可以给它赋值,可以把上下文内的undefined覆盖。undefined是全局对象的属性 ,所以上下文只能从全局作用域访取到undefined,所以使用void 0代替undefined,可以避免undefined被修改,也可减少从全局获取undefined的时间。

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

    console.log(1+1);    
     结果是2,两个数是数值类型,做加法运算。
    console.log("2"+"4");  
    结果是‘24’,两个参数是字符串,做字符串的连接,所以得到字符串‘24’。
    console.log(2+"4"); 
    结果是‘24’,在有一个参数是字符串的情况下会把另外一个参数转换为字符串做字符串拼接。
    console.log(+"4");
    结果是4,与空字符相加会转换成数字。
    

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

    var a = 1;  
    a+++a;   // 3,++优先级高,先执行a++,此时a=1,执行完之后执行+a,这时的a是2,所以结果,1+2=3.
    typeof a+2; //‘number2’,typeof优先级高于+,所以先执行typeof a,结果是‘number’,字符串和数字相加,结果是字符串的拼接,结果是“number2”。
    

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

     var a = 1;
     var b = 3;
     console.log( a+++b );//4,
    ++优先级高,先执行a++,a=1,再执行+b,所以1+3=4;
    

    遍历数组,把数组里的打印数组每一项的平方(不知道这要表达什么)

     var arr = [3,4,5];
    for(var i=0;i<arr.length;i++){
         console.log(arr[i]*arr[i]);
    }
    

    遍历 JSON, 打印里面的值

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

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

     var a = 1, b = 2, c = 3;
    var val = typeof a + b || c >0
    console.log(val)  // 'number2',
    

    || 操作符首先从左开始判断表达式的真假, 如果为真, 马上返回左边表达式返回的值。如果左边表达式被判断为假, 则继续判断右边的表达式, 并返回右边表达式的值。typeof a + b执行结果是‘number2’为true,所以不会再执行'||'后面的表达式,整个结果是||前面的值。

    var d = 5;
    var data = d ==5 && console.log('bb')
    console.log(data)  //undefined
    

    && 操作符从左开始判断表达式, 如果左边的表达式被判断为假, 这马上返回false, 不管右边的表达式是否为真。如果左边的表达式为真, 则继续判断右边的表达式, 然后返回右边表达式结果。d==5为true,继续判断右边的表达式,结果为bb。所以返回bb。

    var data2 = d = 0 || console.log('haha')
    console.log(data2)//haha
    

    左边表达式为假,继续判断右边的表达式,并返回右边的值。

    var x = !!"Hello" + (!"world", !!"from here!!");
    console.log(x)//2
    

    括号的优先级高,先执行括号里的逗号表达式(逗号运算符用于对两个表达式求值,并返回后一个表达式的值。),结果是 !!"from here!!"=!!1=1,再执行 !!"Hello" =!!1=!0=1,最后执行1+1=2.

    不是很明白第2点,控制台返回的都是这样,这个undefined哪来的。

    Paste_Image.png

    相关文章

      网友评论

          本文标题:js-数据类型运算符

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