1、为什么要数据类型
在计算机中,不同的数据所需占用的存储空间是不同的,为了便于把数据分成所需内存大小不同的数据,充分利用存储空间,于是定义了不同的数据类型。

2、变量的数据类型
变量是用来存储值的地方,它们有名字和数据类型。变量的数据类型决定了如何将代表这些值的位存储到计算机的内存中。JS是一种若类型或者说动态语言。这意味着不用提前声明变量的类型,在程序运行过程中,类型会被自动确定。

  1. var name1="lang"; // 变量类型是字符串型
  2. var age =22; //变量类型是整型

注:js的数据类型只有在程序运行的过程中,根据等号右边的值来确定的。

数据类型的分类:

JS把数据类型分为两类:
简单数据类型(Number,String,Boolean,Undefined,Null)
复杂数据类型(object)

JS中的简单数据类型及其说明如下:

简单数据类型 类型 默认值
Number 数字型,包含整型值和浮点型值 0
String 布尔值类型,如true、false, false
Boolean 字符串类型, “”
Undefined var a ,只声明,没有赋值 Undefined
Null var a=null, null

数字型Number

1、进制,常见的有二进制、八进制、十进制、十六进制

  1. //八进制数字序列范围:0-7(以0开头)
  2. var num1=07;
  3. var num2=019;
  4. //十六进制数字序列范围:0-9,A-F(以0X开头)
  5. var num =0xC

2、数字型三个特殊值

  1. alert(Infinity); //表示无穷大,大于任何值
  2. alert(-Infinity); //表示无穷小,小于任何值
  3. alert(NaN); //表示非数值

示例:

  1. <script>
  2. var age1=02;
  3. var age2=0xA;
  4. var age3 = "langlang"-22;
  5. console.log(age1);
  6. console.log(age2);
  7. console.log(age3);
  8. console.log(Number.MAX_VALUE*2);
  9. console.log(-Number.MAX_VALUE*2);
  10. </script>

image.png

数字型Number ,isNaN()

用来判断一个变量是否为非数字的类型,返回的是true或者false 数据类型 - 图2示例:

  1. <script>
  2. var age =22;
  3. var age1=isNaN(age);
  4. console.log(age1);
  5. var name ="xiaokeai";
  6. var name1=isNaN(name);
  7. console.log(name1);
  8. </script>

结果:
image.png

字符串型String

字符串型可以是引导中的任意文本,其语法为双引号””单引号’’

  1. var name ="xiaokeai";
  2. var name1='lang';
  3. var name3=langlang; //没有使用单引号或双引号,系统报错

注:因为HTML标签里面的属性使用的是双引号,JS则更推荐使用单引号。

1、字符串转义符

字符串中的特殊字符,我们称之为转义符,以\开头。
常用的转义符及其说明:

转义符 说明
\n 换行newline
\\ 斜杠
\‘ 单引号
\“ 双引号
\t tab缩进
\b 空格blank

2、字符串拼接
  • 多个字符串之间可以使用+进行拼接,拼接方式:字符串+任何类型=拼接之后的新字符串
  • 拼接前会把字符串相加的任何类型转成字符串,再拼接成一个新的字符串。
    1. console.log('wo'+'nianling'+''+12);
    2. console.log('12'+'12');
    3. console.log(12+12);
    结果:
    image.png
    口诀:字符相连,数值相加

3、字符串拼接加强
  • 将字符串和变量来进行拼接,变量可以随意进行修改
  • 变量不能添加引号

    1. <script>
    2. var age=12;
    3. console.log('wo'+'nianling'+''+age);
    4. console.log('wo'+'nianling'+''+'age'); //变量加引号,默认是字符串
    5. </script>

    结果:
    image.png
    示例

    1. <script>
    2. //弹出输入框,输入用户的年龄
    3. //用一个变量来存储用户的年龄
    4. //使用alert弹出警示框(输出结果)
    5. var age=prompt('输入年龄');
    6. var a='今年'+age+'岁';
    7. alert(a);
    8. </script>

    image.png