美文网首页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数据类型转换(2)

    在上一篇的js数据类型转换(1)中,只考虑了基础数据类型之间的相互转换,未考虑对象和基础类型的转换,本篇做介绍。 ...

  • JavaScript学习笔记.md

    学习材料————廖雪峰js教程 数据类型 ===与== == 自动转换数据类型再比较;=== 不转换类型 (更好...

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

    数据类型 js中数据类型:number、string、boolean、null、undefined变量声明了没有赋...

  • js中常用数据类型转换

    js中任何数据类型都可以转换为Boolean类型 typeof操作符 (返回的都是小写的字符串)

  • JavaScript学习使用

    弱类型的特性# 数据类型 类型转换 typeof 操作符 constructor 操作符 instanceof 操...

  • JS里的数据类型转换

    在js中,数据类型转换分为显式数据类型转换和隐式数据类型转换。 1, 显式数据类型转换 a:转数字: 1)Numb...

  • Python自学笔记——3.基础数据类型转换

    基础数据类型转换 数据类型转换的形式自动类型转换强制类型转换 可变数据类型: 列表, 字典, 集合不可变数...

  • 2、强制数据类型转换

    数据类型转换: 在js中,数据类型的转换有两种,分别是自动转换和强制转换 自动转换: 自动转换是用JS进行某些操作...

  • javaScript中数据类型转换方法

    JS 数据类型转换 方法主要有三种 转换函数、强制类型转换、利用js变量弱类型转换。 1. 转换函数: js提供了...

  • 数据类型转换

    JS 数据类型转换 方法主要有三种 转换函数、强制类型转换、利用js变量弱类型转换。 1. 转换函数: js提供了...

网友评论

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

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