JS数据类型笔记(2)

234 阅读5分钟

一、null和undefined

null与undefined都可以表示“没有”,含义非常相似。将一个变量赋值为undefined或null,语法效果几乎没区别。

但是null是一个表示“空”的对象,转为数值时为0;undefined是一个表示"此处无定义"的原始值,转为数值时为NaN。

null转为数字时,自动变成0:

Number(null) // 0
5 + null // 5

而undefined转为数值时为NaN:

Number(undefined) // NaN
5 + undefined // NaN



二、布尔值(boolean)

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

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

转换规则下,除了下面六个值被转为false,其他值都视为true。

undefined
null
false
0
NaN
""或''(空字符串)
if ('') {
  console.log('true');
}
// 没有任何输出
if ([]) {
  console.log('true');
}
// true

if ({}) {
  console.log('true');
}
// true



三、数值(number)

JavaScript 内部,所有数字都是以64位浮点数形式储存,即使整数也是如此。所以,1与1.0是相同的,是同一个数。

1 === 1.0 // true

JavaScript 语言的底层根本没有整数,所有数字都是小数(64位浮点数)。容易造成混淆的是,某些运算只有整数才能完成,此时 JavaScript 会自动把64位浮点数,转成32位整数,然后再进行运算。

浮点数不是精确的值,所以涉及小数的比较和运算要特别小心,如:

0.1 + 0.2 === 0.3
// false

0.3 / 0.1
// 2.9999999999999996

(0.3 - 0.2) === (0.2 - 0.1)
// false



1、parseInt()

parseInt方法用于将字符串转为整数。如果字符串头部有空格,空格会被自动去除。

parseInt('123') // 123
parseInt('   81') // 81

如果parseInt的参数不是字符串,则会先转为字符串再转换。

parseInt(1.23) // 1
// 等同于
parseInt('1.23') // 1

如果遇到不能转为数字的字符,就不再进行下去,返回已经转好的部分。

parseInt('8a') // 8
parseInt('12**') // 12
parseInt('12.34') // 12
parseInt('15e2') // 15
parseInt('15px') // 15

如果字符串以0x或0X开头,parseInt会将其按照十六进制数解析。
parseInt('0x10') // 16
如果字符串以0开头,将其按照10进制解析。
parseInt('011') // 11


四、字符串(string)

字符串就是零个或多个排在一起的字符,放在单引号或双引号之中。
字符串默认只能写在一行内,分成多行将会报错。如果长字符串必须分成多行,可以在每一行的尾部使用反斜杠。

'a
b
c'
// SyntaxError: Unexpected token ILLEGAL
var longString = 'Long \
long \
long \
string';

longString
// "Long long long string"

1、转义

反斜杠(\)在字符串内有特殊含义,用来表示一些特殊字符,所以又称为转义符。
需要用反斜杠转义的特殊字符,主要有下面这些。

   \0 :null(\u0000)
   \b :后退键(\u0008)
   \f :换页符(\u000C)
   \n :换行符(\u000A)
   \r :回车键(\u000D)
   \t :制表符(\u0009)
   \v :垂直制表符(\u000B)
   \' :单引号(\u0027)
   \" :双引号(\u0022)
   \\ :反斜杠(\u005C)

如上面代码中,\n表示换行,输出的时候就分成了两行。

console.log('1\n2')
// 1
// 2

如果在非特殊字符前面使用反斜杠,则反斜杠会被省略。

'\a'
// "a"

a是一个正常字符,前面加反斜杠没有特殊含义,反斜杠会被自动省略。

2、length属性

length属性返回字符串的长度,该属性也是无法改变的。如:

var s = 'hello';
s.length // 5

s.length = 3;
s.length // 5

s.length = 7;
s.length // 5



3、Base64 转码

有时,文本里面包含一些不可打印的符号,比如 ASCII 码0到31的符号都无法打印出来,这时可以使用 Base64 编码,将它们转成可以打印的字符。另一个场景是,有时需要以文本格式传递二进制数据,那么也可以使用 Base64 编码。

所谓 Base64 就是一种编码方法,可以将任意值转成 0~9、A~Z、a-z、+和/这64个字符组成的可打印字符。使用它的主要目的,不是为了加密,而是为了不出现特殊字符,简化程序的处理。

JavaScript 原生提供两个 Base64 相关的方法。

btoa():任意值转为 Base64 编码
atob():Base64 编码转为原来的值
var string = 'Hello World!';
btoa(string) // "SGVsbG8gV29ybGQh"
atob('SGVsbG8gV29ybGQh') // "Hello World!"



五、对象(object)

对象(object)是 JavaScript 语言的核心概念,也是最重要的数据类型。
简单说,对象就是一组“键值对”(key-value)的集合,是一种无序的复合数据集合。

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

第一个键值对是foo: 'Hello',其中foo是“键名”(成员的名称),字符串Hello是“键值”(成员的值)。
第二个键值对是bar: 'World',bar是键名,World是键值。两个键值对之间用逗号分隔。



1、属性的读取

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

var obj = {
  p: 'Hello World'
};

obj.p // "Hello World"
obj['p'] // "Hello World"



2、delete命令

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

var obj = { p: 1 };
Object.keys(obj) // ["p"]

delete obj.p // true
obj.p // undefined
Object.keys(obj) // []

上面代码中,delete命令删除对象obj的p属性。删除后,再读取p属性就会返回undefined,而且Object.keys方法的返回值也不再包括该属性。

注意,删除一个不存在的属性,delete不报错,而且返回true。

var obj = {};
delete obj.p // true

上面代码中,对象obj并没有p属性,但是delete命令照样返回true。因此,不能根据delete命令的结果,认定某个属性是存在的。

只有一种情况,delete命令会返回false,那就是该属性存在,且不得删除。

var obj = Object.defineProperty({}, 'p', {
  value: 123,
  configurable: false
});

obj.p // 123
delete obj.p // false

上面代码之中,对象obj的p属性是不能删除的,所以delete命令返回false。
使用delete命令有几点要注意:

var person={name:'frank'}
'name' in person    //true
delete person['name']    //true
person['name']     //undefined
'name' in person     //fales
var person={name:'frank'}
person.name=undefined    //undefined
'name' in person     //true