美文网首页
javascript基础1变量和数据类型

javascript基础1变量和数据类型

作者: 雨中晨星 | 来源:发表于2020-03-08 21:38 被阅读0次

    js的两种引用方式,第一种方式是内嵌式,写在html中的<head>之后</head>之前,第二种方式是外部引入式,代码如下:

    <script src="my.js"></script>
    

    js的输入和输出语句分部是prompt,alert,console.log,分别的作用是输入框,弹出框,控制台打印框。
    变量使用var进行声明,变量可更新,可以一次声明多个变量,如果声明变量但是没赋值则是未定义undefined,变量不声明也可以直接使用,因为js是弱语言。
    代码如下

    var myname = 'apple苹果手机';   
        console.log(myname);
        var myname = '迪丽热巴';
    //此时变量会变化,JS是动态语言
        console.log(myname);
        //声明多个变量
        var age = 18;
            address = '地球村';
            gz = 2000;
        //变量没有赋值就是undefined
        var sex;
        console.log(sex);
        qq = 100;
        console.log(qq);
    

    js变量的数据类型为数字,字符串,布尔,null空,undefined未定义,object对象;
    字符串的拼接需要注意数字和字符串的拼接,代码如下;

    console.log('pink' + true); // pinktrue
    console.log(12 + 12); // 24
    console.log('12' + 12); // '1212'
    var age = 23;
    console.log('小明今年'+age+'岁了');//小明今年23岁了
    console.log('小明今年age岁了');//小明今年age岁了
    

    获取变量的数据类型,通过typeof方法;

      var num = 10;
            console.log(typeof num); // number
            var str = 'haha';
            console.log(typeof str); // string
            var flag = true;
            console.log(typeof flag); // boolean
            var vari = undefined;
            console.log(typeof vari); // undefined
            var timer = null;
            console.log(typeof timer); // object
    

    isNaN方法是判断变量的数据类型是否为非数字并返回布尔值,如果是数字返回flase,如果是非数字返回true

    console.log(isNaN(12)); // false
    console.log(isNaN('Apple手机')); // true
    

    变量转换为字符串,方法是toString()

     // 1. 把数字型转换为字符串型 变量.toString()
            var num = 10;
            var str = num.toString();
            console.log(str);
            console.log(typeof str);
            // 2. 我们利用 String(变量)   
            console.log(String(num));
            // 3. 利用 + 拼接字符串的方法实现转换效果 隐式转换
            console.log(num + '');
    

    变量转换为数字,方法是parseInt(),parseFloat(),Number(str),利用减乘除隐式转换,唯独加法不行,会拼接字符串,切记!

     console.log(parseInt('3.14')); // 3 取整
            console.log(parseInt('3.94')); // 3 取整
            console.log(parseInt('120px')); // 120 会去到这个px单位
            console.log(parseInt('rem120px')); // NaN
            // 2. parseFloat(变量) 可以把 字符型的转换为数字型 得到是小数 浮点数
            console.log(parseFloat('3.14')); // 3.14
            console.log(parseFloat('120px')); // 120 会去掉这个px单位
            console.log(parseFloat('rem120px')); // NaN
            // 3. 利用 Number(变量) 
            var str = '123';
            console.log(Number(str));
            console.log(Number('12'));
            // 4. 利用减乘除隐式转换,唯独加法不行,会拼接字符串
            console.log('12' - 0); 
            console.log('123' - '120');
            console.log('123' * 1);
    

    转换为布尔,方法是Boolean(变量);

    console.log(Boolean(''));//false
        console.log(Boolean(0));//false
        console.log(Boolean(NaN));//false
        console.log(Boolean(null));//false
        console.log(Boolean(undefined));//false
        console.log('------------------------------');
        console.log(Boolean('123')); //true
        console.log(Boolean('你好吗'));//true
        console.log(Boolean('haha567'));//true
    

    只有数字和字符串是true,其他都是false。

    相关文章

      网友评论

          本文标题:javascript基础1变量和数据类型

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