JS中的数据类型。什么是数据类型?

和我们平时交流一样一样。
什么是汉字,什么是拼音,什么是标点符号,什么又是现在流行的表情包?类型,可以是语言的分类,也一定是理解一门语言或了解一个事物的基础。

JavaScript中的每一个“值”,都是一种数据,属于一种数据类型。
我们常用的数据类型,有六种:

  • number:数值,包括整数与小数
  • string:字符串,理解为文本
  • boolean:布尔值,只有两个值:truefalse,分别表示真假
  • undefined:未定义或不存在
  • null:空值,此处为空
  • object:对象,各种值的集合

在ES6中引入了第七种类型的值:symbol

数值、字符串和布尔值一般被称为原始类型,是最基础的类型;对象被称为合成类型,是比较复杂的类型。undefinednull是特殊的值。

数值

JavaScript的数值有许多种表示类型。

常规的十进制:首数字不为0。 520
二进制:前缀为0b0B0b101
八进制:前缀为0o0O0o363
十六进制:前缀为0x0X0xdd
科学计数法:字母e或E后面接整数表示指数部分。314e-3

NaN是一种特殊的数值,表示"非数字"。

字符串

字符串就是排在一起的多个字符,用英文双引号"或单引号'表示。

双引号内部可以引用单引号,单引号内部也可以引用双引号。
当引号使用出现歧义时,比如单引号中的单引号,双引号中的双引号,就要用到转义
反斜杠 \ 可以用来表示一些特殊字符,被称为转义符

常见的转义符有:

  • \n:换行符
  • \t:制表符
  • \r:回车键
  • \b:后退键
  • \':单引号
  • \":双引号
  • \\:反斜杠

null 和 undefined

对于nullundefined,都可以表示没有,含义相似。这也与历史上JavaScript的设计有关。

大致可以像下面这样理解。

null表示空值,即该处的值现在为空。
比如调用函数时,某个参数未设置任何值,这时就可以传入null,表示该参数为空。

undeined则表示此处未定义,不存在。

布尔值

true为真,false为假。
布尔值运算关系有 “与”:&&和 “或”:||,真值关系符合标准真值表。

对象

这是JavaScript中最核心的概念,也是最复杂的数据类型。
对象就是一组“键值对”即key-value的集合,是一种无序的复合数据集合。

var obj= {
  k1 : "My",
  k2 : "Love",
  k3 : 18,
  k4 : undefined,
  k5 : {k6 : "998"}
};

每一个键值对用逗号,隔开。
冒号左边为键名,默认为字符串,加不加引号都可以。
但若键名不符合标识名规则,则必须加上引号,否则会报错。 "3+4" "678xyz"
对象的每一个键名又称为“属性”,它的“键值”可以是任何数据类型。如果一个属性的值为函数,通常把这个属性称为“方法”,它可以像函数那样调用。

读取对象的属性,有两种方法,一种是使用点运算符,还有一种是使用方括号运算符。

obj.k1;
obj["k1"];

如果使用方括号运算符,键名必须放在引号里面,否则会被当作变量处理。

这种方法不仅可以用来读取值,还可以用来赋值。

var obj = {};
obj.k1 = "998";
obj["k2"] = undefined;

可以使用Object.keys来查看一个对象本身的所有属性。

var obj = {
  k1 : "uux",
  k2 : 18
};

Object.keys(obj);
//["k1","k2"]

可以用delete命令删除对象的属性,删除成功后返回true

var obj = {
  k1 : "123",
  k2 : "234"
};

delete obj.k1;   //true
obj.k1;   //undefined
Object.keys(obj);   //["k2"]

in用于检查对象是否包含某个属性,如果包含就返回true,否则返回false。

var obj = {};

"k1" in obj;   //false

for...in循环用来遍历一个对象的全部属性。

var obj = {
  k1 : "Male",
  k2 : 18, 
  k3 : undefined
};

for (var i in obj) {
  console.log("Key:", i);
  console.log("Value:", obj[i]);
}
// Key:k1
// Value:"Male"
// Key:k2
// Value:18
// Key:k3
// Value:undefined

typeof运算符

typeof运算符可以返回一个值的数据类型。

typeof 998;   //"number"
typeof "998";   //"string"
typeof true;   //"boolean"
typeof undefined;   //"undefined"
typeof {};   //"object"
var a = {};
typeof a;   //"object"

特例:

function xxx() {};
typeof xxx;   //"function"

函数返回function,但是我们要注意并没有function这一数据类型。

typeof null;   //"object"

这只是一个BUG,是由历史原因造成的。

typeof [];   //"object"

空数组的类型也是object

typeof document;   //"object"
typeof window;   //"object"
...



参考文献:《JavaScript教程——阮一峰》


南屋流星
9 声望2 粉丝

A studyer!