初识JavaScript(day08)数据类型

最新推荐文章于 2024-09-14 22:18:26 发布

爱吃辣的小橙

最新推荐文章于 2024-09-14 22:18:26 发布

阅读量336

点赞数

文章标签：前端开发语言

本文链接：https://blog.csdn.net/Ccyqz1/article/details/121622336

版权

4 布尔型 Boolean

布尔型有两个值 :true 和 false 其中true标识真(对),而fakse标识假(错)

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script>
    var flag = true;
    var flag1 = false;
    console.log(flag + 1); //true 参与加法运算当1来蓝
    console.log(flag1 + 1);//false 参与运算当0来看
</script>
</body>
</html>

布尔型和数字型相加的时候true的值为 1 时,false的值为 0;

5.Undefined 和 Null

一个声明后没有被赋值的变量会有一个默认值Undefined(如果进行相加时,)

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script>
    var flag = true;
    var flag1 = false;
    console.log(flag + 1); //true 参与加法运算当1来蓝
    console.log(flag1 + 1);//false 参与运算当0来看

    //如果一个变量声明为赋值,就是Undefined未定义数据类型
    var str;
    console.log(str); //undefined
    var variable = undefined;
    console.log(variable+'程序猿');  //undefined程序猿   和字符串相连还是字符串
    console.log(variable + 1);      //NaN   undefined  和数字相加  最后结果是NaN 
    // null 空值
    var space =null;
    console.log(space + '程序员');  //null程序员
    console.log(space + 1);  // 1 空值 + 1 等于1
</script>
</body>
</html>

一个声明变量给null值,里面存的值为空。

1.获取变量数据类型

1.1获取检测变量的数据类型

typeof可用来获取检测变量的数据类型

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script>
    var num = 10;
    console.log(typeof num);//number

    var str = '程序猿';
    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(timer) //object

    //prompt 取过来的值是  字符型的
    var age = prompt('请输入您的年龄');
    console.log(age);
    console.log(typeof age)
</script>
</body>
</html>

typeof 可以帮助我们检测这个变量到底是什么数据类型，我们根据你得到的数据类型在可以进行一系列的操作。

1.2 字面量

字面量实在源代码中一个固定值的表示法，通俗来说就是字面量标识如何表达这个值，一眼能看出来这个值是什么类型。

数字字面量：8,9,10

字符串字面量：‘程序员’，‘前端’

布尔型字面量：true，false

2.数据类型的转换

使用表单，prompt获取过来的数据默认是字符串类型的，此时就不能直接简单的进行加法运算，而需要转换变量的数据类型，通俗来说，就是把一种数据类型的变量转换成另一种数据类型。

2.1转换为字符串类型

方式	说明	案例
toString（）	转成字符串	var num = 1；alert*（num.toString（））；
String（）强制转换	转成字符串	var num = 1；alert（String（num））
加号拼接字符串	和字符串拼接的结果都是字符串	var num = 1；alert（num+‘我是字符串’）

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script>
    //1.把数字型转换为字符串类型  变量.toString()
    var num = 10;
    var str = num.toString();
    console.log(str);
    console.log(typeof str)//string
    //2.我们利用String(变量)
    console.log(typeof String(num));//string
    //3.利用 + 拼接字符串的方法实现转换效果
    console.log(typeof num) //number
    console.log(typeof (num + '')) //string
</script>
</body>
</html>

toString（）和String（）使用方式不一样。

三种转换方式，我们更喜欢用第三种“+”拼接字符串转换方式，这一种方式也称之为隐式转换。