乐趣区

JavaScript数据类型四

目录:

  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); 
//boolean

var 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); 
//object

console.log(typeof obj2); 
//object
</script>

</body>
</html>

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

退出移动版