目录:

  1. 什么是数据类型?
  2. 数据类型都有哪些?如何知道变量属于什么类型?

一、什么是数据类型

官方解释:

JavaScript 是一种弱类型或者说动态语言。这意味着你不用提前声明变量的类型,在程序运行过程中,类型会被自动确定。这也意味着你可以使用同一个变量保存不同类型的数据

通俗解释:

js的数据类型你可以理解成:人的职业。比如每个人都有自己的职业,例如:医生,警察,程序员等等。医生看病,警察维护社会治安,程序员写代码。咱们不能让程序员去看病吧,所以数据类型就是,一个类型可以干属于自己的事情。

如何知道我的变量是什么类型

可以使用typeof

二、数据类型都有哪些?

  1. 数值类型(Number):整数和小数(比如1和3.14)
<!DOCTYPE html><html><head>    <title></title></head><body><script type="text/javascript">var num1 = 10;console.log(typeof num1); //number</script></body></html>

2. 字符串(String):文本(比如Hello World)

<!DOCTYPE html><html><head>    <title></title></head><body><script type="text/javascript">var str1 = '你好';console.log(typeof str1); //string</script></body></html>
这里说明一下,字符串时候的引号,单引号和双引号都可以。

3. 布尔值(Boolean):表示真伪的两个特殊值,即true(真)和false(假)

<!DOCTYPE html><html><head>    <title></title></head><body><script type="text/javascript">var bool1 = true;console.log(typeof bool1); //booleanvar bool2 = false;console.log(typeof bool2); //boolean</script></body></html>

4. undefined:表示“未定义”或不存在,即由于目前没有定义,所以此处暂时没有任何值

<!DOCTYPE html><html><head>    <title></title></head><body><script type="text/javascript">var un;console.log(typeof un); //undefined</script></body></html>

5. null :表示空值,即此处的值为空。

<!DOCTYPE html><html><head>    <title></title></head><body><script type="text/javascript">var nu = null;console.log(typeof nu); //null</script></body></html>
这里说明一下,null是特殊的object,后面会解释,这里说一下null和undefined区别
  • 区别:

1.变量没有赋值:undefined

2.有一个对象(object),现在不想赋值,给它null(推荐)

有一个非对象,不想给他赋值,给他undefined(推荐)

6. Object :各种值组成的集合。

<!DOCTYPE html><html><head>    <title></title></head><body><script type="text/javascript">var obj1 = {};var obj2 = []; console.log(typeof obj1); //objectconsole.log(typeof obj2); //object</script></body></html>

下节预告:JavaScript字符串转换为其他类型