饥人谷技术博客

JS里的数据类型

2019-01-06  本文已影响28人  孙炎_

javaScript 中的每一个值都是一种数据类型,javaScript共有7种数据类型。

  • 数值(number):整数和小数(比如1和3.14)
  • 字符串(string):文本(比如Hello World)。
  • 布尔值(boolean):表示真伪的两个特殊值,即true(真)和false(假)
  • undefined:表示“未定义”或不存在,即由于目前没有定义,所以此处暂时没有任何值
  • null:表示空值,即此处的值为空。
  • 对象(object):各种值组成的集合。
  • Symbol(ES6 中新引入的值):Symbol 生成一个全局唯一的值。

通常,数值、字符串、布尔值这三种类型,合称为原始类型(primitive type)的值,即它们是最基本的数据类型,不能再细分了。对象则称为合成类型(complex type)的值,因为一个对象往往是多个原始类型的值的合成,可以看作是一个存放各种值的容器。至于undefined和null,一般将它们看成两个特殊值。

1.typeof运算符

typeof运算符可以返回一个值的数据类型,例如:

typeof 123 // "number"
typeof '123' // "string"
typeof false // "boolean"

对于数据类型,有几种特殊的情况需要了解:
1.函数返回function

function f() {}
typeof f
// "function"

在JS中,数组也是一种对象。
例如:

typeof [] // "object"

null返回object。

typeof null // "object"

这是由于JS设计初期的失误造成的。

2.null与undefined

null与undefined都可以表示“没有”,含义非常相似。将一个变量赋值为undefined或null,老实说,语法效果几乎没区别。在if语句中,它们都会被自动转为false,相等运算符(==)甚至直接报告两者相等。如下:

if (!undefined) {
  console.log('undefined is false');
}
// undefined is false

if (!null) {
  console.log('null is false');
}
// null is false

undefined == null
// true

对于初学者可以按照惯例来理解null与undefined的区别:
1.对于定义的变量,没有值时,该变量默认为undefined。
2.对于一个空的对象object,可以定义为null。
3.对于非对象,如字符串,数字,布尔(Boolean)等,就是用undefined表示。

3.Boolean(布尔值)

布尔值代表“真”和“假”两个状态。“真”用关键字true表示,“假”用关键字false表示。布尔值只有这两个值。
下列运算符会返回布尔值:

前置逻辑运算符: ! (Not)
相等运算符:===,!==,==,!=
比较运算符:>,>=,<,<=

在JS中,以下六个值会被视为false:

  • undefined
  • null
  • false
  • 0
  • NaN
  • ""或''(空字符串)

其他值都视为true。

4.number(数值)

1.JavaScript 内部,所有数字都是以64位浮点数形式储存,即使整数也是如此。具体常见容易犯错的例子如下:

1 === 1.0
// true
0.1 + 0.2 === 0.3
// false
0.3 / 0.1
// 2.9999999999999996
(0.3 - 0.2) === (0.2 - 0.1)
// false

2.在JS中,可以用科学计数法表示数字,下面是几个科学计数法的例子。

123e3 // 123000
123e-3 // 0.123
-3.1E+12
.1e-23

3.数值的进制
使用字面量(literal)直接表示一个数值时,JavaScript 对整数提供四种进制的表示方法:十进制、十六进制、八进制、二进制。

  • 十进制:没有前导0的数值。
  • 八进制:有前缀0o或0O的数值,或者有前导0、且只用到0-7的八个阿拉伯数字的数值。
  • 十六进制:有前缀0x或0X的数值。
  • 二进制:有前缀0b或0B的数值。
  • 默认情况下,JavaScript 内部会自动将八进制、十六进制、二进制转为十进制。下面是一些例子。
0xff // 255
0o377 // 255
0b11 // 3

4.NaN
NaN是 JavaScript 的特殊值,表示“非数字”(Not a Number),主要出现在将字符串解析成数字出错的场合。需要注意的是,NaN不是独立的数据类型,而是一个特殊数值,它的数据类型依然属于Number

4.String(字符串)

字符串的使用中,有常用以下几点需要注意:
1.单引号字符串的内部,可以使用双引号。双引号字符串的内部,可以使用单引号。

'key = "value"'
"It's a long journey"

2.若要在单引号中使用单引号,就要使用转义字符
3.在代码的编写中,要始终坚持使用一种风格,不要一会使用单引号,一会使用双引号。
4.字符串默认只能写在一行内,分成多行将会报错。
5.连接运算符(+)可以连接多个单行字符串,将长字符串拆成多行书写,输出的时候也是单行。

var longString = 'Long '
  + 'long '
  + 'long '
  + 'string';

6.模板字符串
模板字符串是新的字符串类型,可以写成多行形式,并且接受变量,其具体使用方法如下:模板字符串

`string text line 1
 string text line 2`

5.object(对象)

简单说,对象就是一组“键值对”(key-value)的集合,是一种无序的复合数据集合。

var obj = {
  foo: 'Hello',
  bar: 'World'
};

对象中常见的需要注意的有:
1.对象的所有键名都是字符串,所以加不加引号都可以。
2.如果键名是数值,会被自动转为字符串。
3.如果键名不符合标识名的条件(比如第一个字符为数字,或者含有空格或运算符),且也不是数字,则必须加上引号,否则会报错。
4.对象中的值可以为另一个对象。

5.对象的引用:

如果不同的变量名指向同一个对象,那么它们都是这个对象的引用,也就是说指向同一个内存地址。修改其中一个变量,会影响到其他所有变量。

var o1 = {};
var o2 = o1;

o1.a = 1;
o2.a // 1

o2.b = 2;
o1.b // 2

6.对象中属性的读取:

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

关于它们的区别,有几点需要注意:
(1).如果使用方括号运算符,键名必须放在引号里面,否则会被当作变量处理。
(2).如果使用点运算符,key就是字符串

var foo = 'bar';

var obj = {
  foo: 1,
  bar: 2
};

obj.foo  // 1
obj[foo]  // 2

(3).数字键可以不加引号,因为会自动转成字符串。
7.常见的方法
(1).查看一个对象本身的所有属性,可以使用Object.keys方法。
(2).delete命令用于删除对象的属性,删除成功后返回true。
(3).in运算符用于检查对象是否包含某个属性,如果包含就返回true,否则返回false。

var obj = { p: 1 };
'p' in obj // true

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

var obj = {a: 1, b: 2, c: 3};

for (var i in obj) {
  console.log('键名:', i);
  console.log('键值:', obj[i]);
}

6.Symbol

参看文章:方应杭:JS 中的 Symbol 是什么?

(完)

参考文档:
1.写代码啦
2.阮一峰JS教程

上一篇下一篇

猜你喜欢

热点阅读