Javascript数据类型｜青训营笔记这是我参与「第四届青训营」笔记创作活动的第5天前端三件套，泛指HTML，

这是我参与「第四届青训营」笔记创作活动的第5天

前端三件套，泛指HTML，CSS，以及JavaScript。

 **HTML** 定义了网页的内容

 **CSS** 描述了网页的布局

 **JavaScript** 控制了网页的行为

其中最重要的组成部分即是JavaScript。在此次的前端青训营大项目中，我们无疑遇到了很多需要用到js的场合，在此仅对其数据类型进行归纳与统计。

值类型(基本类型) ：

字符串（String）、数字(Number)、布尔(Boolean)、空（Null）、未定义（Undefined）、Symbol。

引用数据类型（对象类型） ：

对象(Object)、数组(Array)、函数(Function)，还有两个特殊的对象：正则（RegExp）和日期（Date）。

JavaScript 的动态类型

JavaScript 是一名具有动态类型的语言。因此，代码中相同的变量是可以使用到不同的类型上面去的：

例一：

var x;               // x 的值 undefined
var x = 1997;           //  现在的 x 为数字
var x = "EdumundWang";      // 现在的 x 为字符串

例二：

typeof "EdumundWang"                        // 返回 string
typeof 3.141592653589793                  // 返回 number
typeof [1,2,3,4,5,6,7,8]             // 返回 object
typeof ture                       // 返回 boolean
typeof {year:'2022', age:18} // 返回 object

JavaScript 字符串

字符串是存储字符的变量。你可以在引号中输入任意文本，可以使用单引号，或者双引号，这些不影响代码的运行。

注意，如果你的字符串里有双引号，就用单引号报告，反过来也是一样，如果你的字符串里有单引号，就用双引号包裹。

var name="EdumundWang";
var howoldareyou="I am 20 years old'"
var vocation='Still student"'

JavaScript 数字

JavaScript 只有一种数字类型，加不加小数点其实无所谓，小数点可根据具体情况需要进行调用。

var a=1997;      
var b=1997.00;

JavaScript 布尔

布尔值的答案只能有两个：true or false。

var a=true;
var b=false;

JavaScript 数组

var companies=new Array();
companies[0]="ByteDance";
companies[1]="Tencent";
companies[2]="Alibaba";

和之前学的python一样，下角标第一个变量代表的数字是0，然后才是1，2，3……以此类推。

JavaScript 对象

对象由花括号分隔。在括号内部，对象的属性以名称和值对的形式 (name : value) 来定义。属性由逗号分隔：

var company={firstname:"Byte", lastname:"Dance", year:2009};

Undefined 和 Null

Undefined 这个值表示变量不含有值。

可以通过将变量的值设置为 null 来清空变量。

Javascript数据类型 ｜ 青训营笔记