JS里的数据类型

《JavaScript里的数据类型》

因为最近在学javaScript,然后刚开始入门的时候,就讲到了一些基础语法和一些常用的概念,今天的话又突然了解到了JavaScript中的一些数据类型,觉得挺有意思的,所以我就对javaScript学习过程中遇到的一些问题和学到的一些东西做一个总结:

任何一种语言都有其自己的数据类型,当然我现在在学习的JavaScript也不例外,在这段时间中写的一些小Demo,其中的一些代码段都是由一句句代码和变量,方法组成的,但是如果不仔细去看去查阅,作为初学者的我们又是否知道,这所谓的一句句代码和变量方法就是由不同的数据类型组成的吗?

01|JavaScript中的数据类型的简介

JavaScript中的数据类型有6中,如果说包括后面随着ES6(EcmaScript 6)的更新又增加了一种数据类型叫做Symbol(符号),这样一来就有总共7种数据类型了,7中数据类型为:

number(数值,数字):包括整数以及小数(例如:1,2,3,4还有小数1.34,6.88等)
string(字符串):文本(我们程序员自学时候刚开始写的Hello World!)
boolean(布尔类型):表示表示真伪的两个特殊值,分别为true:真,false:假
undefined(未定义):其实看英文就能够看到它的含义,就是未定义,正因为它是未定义,因此没有任何值
null(空):表示空值,此时的值为空!
object(对象):表示各种值的集合!
symbol(字面量基本类型):这个Symbol具体的属性请参见MDN-Symbol

其实通过上面还是还是能够见到的理解这简短的含义的,其中我们在编码过程中常见的三种类型分别是:

number:数值数字
string:字符串
Boolean:布尔类型

这三种是我们在开发过程中常用到的类型了,称之为原始类型(primitive type),不能再做细分了,然后就是Object(对象)称之为合成类型(complex type),因为一个对象往往是由多个原始类型的值合成,将各种不同类型的数据封装起来,也可以类比为一个容器,此时你可能会问undefined和null 怎么没有进行介绍呢?

其实这两种在编码过程中还是有很多地方予以体现的,只不过没有明显的表示出来而已:

Example:

我们对其声明一个变量,但是没有值:


xxxxxxxxxx
3
1
 var parameters;
2
//default value is undefined
3
//等同于 var parameters=undefined;

所以根据上面的例子很好说明,当我们需要声明一个变量但是不进行赋值的时候,该变量就为undefined,就是未定义的意思!

声明一个对象但是不想赋值:


xxxxxxxxxx
2
1
var documentObject=null;
2
//null就是为空值的意思 我们一般生命对象不对其进行赋值就是将其设置为 null!

有一个非对象,不想赋值


xxxxxxxxxx
1
1
var boolean;//声明非对象 不对其进行赋值

其实还是比较容易理解的,从上面的示例中就很清楚的看出undefined和null的应用!
但是上面的用法只是我们所推荐的!

在我们介绍到7个数据基本类型中的6个的时候,下面一个比较重要数据类型就是概念,虽然上面提到了一下,但是还是简单介绍一下,Object(对象)在项目中是如何体现的:

狭义的对象(Object):


xxxxxxxxxx
5
1
var person={
2
    'name':ProbeDream,
3
    'age':21,
4
    'gender':'male'
5
}

其中将三种属性封装在了对象当中,因为三种属性都有一种特性,就是人的特性,因此这三个属性的合成就变成了一个对象!

数组(array)


xxxxxxxxxx
7
1
var arrays=[
2
    '0':'1',
3
    '1':'2',
4
    '2':'3',
5
    '3':'4'
6
]
7
var first=arrays['0'];

从这个里面也应该还理解吧,就是一个数组,也可以直接通过object[key]的形式来拿数据,或者是通过object.key的形式来拿数据!

函数(function)


xxxxxxxxxx
3
1
var happy=function(name){
2
    console.log('welcome!'+name+'hello World'); 
3
}

以上面示例的函数也是对象:

02|null和undefined如果出现在条件判断语句里面会以一种什么样的形式存在呢?

假设我们都不知道null和defined在if条件判断语句中是什么意思,但是通过实际应用应该会有一个答案,于是下面的代码就会有体现:

This is Code Description:


x
10
9
11
1
//undefined 部分
2
if (undefined) {
3
  console.log('undefined is true!');
4
}else{
5
  console.log('undefined is false!');   
6
}
7
//null 部分
8
if (null) {
9
  console.log('null is true!');
10
}else{
11
  console.log('null is false!');
12
}

This is the result of the code run:

details undefined:


xxxxxxxxxx
1
1
if (undefined) {
2
  console.log('undefined is true!');
3
}else{
4
  console.log('undefined is false!');   
5
}
6
7
VM127:4 undefined is false!

details null:


xxxxxxxxxx
1
1
if (null) {
2
  console.log('null is true!');
3
}else{
4
  console.log('null is false!');
5
}
6
VM130:4 null is false!

通过上面的示例和运行结果显示,在条件判断语句中,unll和undefined都是以Boolean中的false存在的!

因为JavaScript里面的一些细节方面的东西太多,需要我不断学习和整理,以后的内容我会慢慢整理成Blog然后贴出来的,如果认为这篇Blog还有什么问题的话可以去我的Github向我反馈谢谢!