javascript基础1变量和数据类型

2020-03-08  本文已影响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。

上一篇 下一篇

猜你喜欢

热点阅读