美文网首页H5^Study
JS 基础学习:数据类型/类型转换/操作符

JS 基础学习:数据类型/类型转换/操作符

作者: Merbng | 来源:发表于2019-03-26 18:28 被阅读0次

    数据类型

    js中数据类型:
    number、string、boolean、null、undefined
    变量声明了没有赋值,结果是undefined
    函数没有明确返回值,如果接受了,结果也是undefined
    如果一个变量的结果是undefined和一个数字进行计算,结果:NaN 不是一个数字,也没有意义
    如何获取这个变量的数据类型:
    typeof 变量名
    typeof(变量名)

    <script>
                var num = 10;
                var str = "问问";
                var flag = true;
                var nll = null;
                var undef;
                var obj = new Object();
                console.log(typeof num)
                console.log(typeof str)
                console.log(typeof flag)
                console.log(typeof nll)
                console.log(typeof undef)
                console.log(typeof obj)
                /*输出结果:
                    number
                    string
                    boolean
                    object
                    undefined
                    object */
                console.log(typeof(num))
                console.log(typeof(str))
                console.log("10")
                console.log(10)
    
                console.log(Number.MAX_VALUE)
                console.log(Number.MIN_VALUE)
    
                // 不要去用小数验证小数,
                var x = 0.2;
                var y = 0.3;
                var sum = x + y;
                console.log(sum == 0.3)
                // 不要用NaN去验证 是不是NaN
                var num;
                console.log(num + 10 == NaN)
                // 如何验证这个结果是不是NaN 使用:isNaN()
                var num11;
                console.log(isNaN(num11))
            </script>
    

    类型转换

    <script>
                // parseInt 转整数
                console.log(parseInt("10")); //10
                console.log(parseInt("10a")); //10
                console.log(parseInt("g10")) //NaN
                console.log(parseInt("10.99")); //10
                console.log(parseInt("10.98gggs")); //10
                console.log("-------")
                // parseFloat()转小数
                console.log(parseFloat("10.0")); //10
                console.log(parseFloat(10)); //10
                console.log(parseFloat(10.2)); //10.2
                console.log(parseFloat("10a")); //10
                console.log(parseFloat("g10")) //NaN
                console.log(parseFloat("g10.99")); //NaN
                console.log(parseFloat("10.98gggs")); //10.98
                // Number()转数字
                console.log("----------")
                console.log(Number("10.0")); //10
                console.log(Number(10)); //10
                console.log(Number(10.2)); //10.2
                console.log(Number("10a")); //NaN
                console.log(Number("g10")) //NaN
                console.log(Number("g10.99")); //NaN
                console.log(Number("10.98gggs")); //NaN
                
            </script>
    

    // 其他类型转字符串类型
    // 1. .toString();
    // 2. String();
    // 如果变量有意义调用.toString();
    // 如果变量没有意义,使用String()转换

    操作符

    // ++ 和 --
    // 如果++在后面:如num++ +10 参与运算
    // 先参与运算,运算结束后自身再加1
    // 如果++在前面. 先自身加1 再参与运算

            <script>
                
                // ++ 和 --
                // 如果++在后面:如num++ +10 参与运算
                // 先参与运算,运算结束后自身再加1
                // 如果++在前面.  先自身加1 再参与运算
                var num =10 ;
                var sum = num++ +10;
                console.log(sum);//20
                console.log(num);//
                
                
            </script>
    
    • 练习
    <!DOCTYPE html>
    <html>
        <head>
            <meta charset="utf-8">
            <title></title>
        </head>
        <body>
            <script type="text/javascript">
                document.write("<table border='1' cellpadding='0' cellspacing=0'>'");
                for (var i = 1; i <= 9; i++) { //控制行数
                    document.write("<tr>")
                    for (var j = 1; j <= i; j++) {
                        document.write("<td>")
                        document.write(i + "*" + j + "=" + i * j)
                        document.write("</td>")
                    }
                    document.write("</tr>")
                }
                document.write("</table>")
            </script>
        </body>
    </html>
    
    

    相关文章

      网友评论

        本文标题:JS 基础学习:数据类型/类型转换/操作符

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