JavaScript数据类型的一些注意点

参考：廖雪峰老师的JavaScript全栈教程

（1）JavaScript是不区分整数和浮点数的，统一用Number表示，

NaN表示Not a Number，当无法计算结果时用NaN表示，

Infinity表示无限大，当数值超过了JavaScript的Number所能表示的最大值时，就表示为Infinity

与C/C++不同的一点是(1 + 2) * 5 / 2; // 7.5而不是像C/C++只取整数部分

另外， JavaScript允许对任意数据类型做比较：

false == 0; // true

false === 0; // false

（2）要特别注意相等运算符==。JavaScript在设计时，有两种比较运算符：

第一种是==比较，它会自动转换数据类型再比较，很多时候，会得到非常诡异的结果；

第二种是===比较，它不会自动转换数据类型，如果数据类型不一致，返回false，如果一致，再比较。

由于JavaScript这个设计缺陷，不要使用==比较，始终坚持使用===比较。

另一个例外是NaN这个特殊的Number与所有其他值都不相等，包括它自己：

NaN === NaN; // false

唯一能判断NaN的方法是通过isNaN()函数：

isNaN(NaN); // true

（3）null和undefined

null表示一个“空”的值，它和0以及空字符串”不同，0是一个数值，”表示长度为0的字符串，而null表示“空”。

在其他语言中，也有类似JavaScript的null的表示，例如Java也用null，Swift用nil，Python用None表示。但是，在JavaScript中，还有一个和null类似的undefined，它表示“未定义”。

JavaScript的设计者希望用null表示一个空的值，而undefined表示值未定义。事实证明，这并没有什么卵用，区分两者的意义不大。大多数情况下，我们都应该用null。undefined仅仅在判断函数参数是否传递的情况下有用。

（4）数组

JavaScript的数组可以包括任意数据类型。例如：var arr=[1, 2, 3.14, ‘Hello’, null, true];

另一种创建数组的方法是通过Array()函数实现：var arr2=new Array(1, 2, 3);

若索引超出了范围，返回undefined

（5）对象

JavaScript的对象是一组键值对组成的无序集合，例如

var person = {

name: ‘Bob’,

age: 20,

tags: [‘js’, ‘web’, ‘mobile’],

city: ‘Beijing’,

hasCar: true,

zipcode: null

};

JavaScript对象的键都是字符串类型，值可以是任意数据类型，其中每个键又称为对象的属性，例如，person的name属性为’Bob’，zipcode属性为null。要获取一个对象的属性，我们用对象变量.属性名的方式

（6）变量

变量名是大小写英文、数字、$和_的组合，且不能用数字开头，变量名也可以用中文，但是，请不要给自己找麻烦。同一个变量可以反复赋值，而且可以是不同类型的变量。这种变量本身类型不固定的语言称之为动态语言

例如：

var a = 123; // a的值是整数123

a = ‘ABC’; // a变为字符串

JavaScript在设计之初，为了方便初学者学习，并不强制要求用var声明变量。这个设计错误带来了严重的后果：如果一个变量没有通过var声明就被使用，那么该变量就自动被声明为全局变量：

i = 10; // i现在是全局变量

在同一个页面的不同的JavaScript文件中，如果都不用var申明，恰好都使用了变量i，将造成变量i互相影响，产生难以调试的错误结果。

为了修补JavaScript这一严重设计缺陷，ECMA在后续规范中推出了strict模式，在strict模式下运行的JavaScript代码，强制通过var申明变量，未使用var申明变量就使用的，将导致运行错误。

启用strict模式的方法是在JavaScript代码的第一行写上：

‘use strict’;

这是一个字符串，不支持strict模式的浏览器会把它当做一个字符串语句执行，支持strict模式的浏览器将开启strict模式运行JavaScript。

‘use strict’;

//如果浏览器支持strict模式，下面的代码将报ReferenceError错误:

abc = ‘Hello, world’;

alert(abc);

（7）字符串

JavaScript的字符串就是用”或”“括起来的字符表示。

ASCII字符可以以 \x## 形式的十六进制表示，例如：

‘\x41’; // 完全等同于 ‘A’

还可以用\u####表示一个Unicode字符

‘\u4e2d\u6587’; // 完全等同于 ‘中文’

多行字符串

由于多行字符串用\n写起来比较费事，所以最新的ES6标准新增了一种多行字符串的表示方法，用反引号

表示：

这是一个

多行

字符串

;

注意：反引号在键盘的ESC下方，数字键1的左边：

模板字符串

要把多个字符串连接起来，可以用+号连接：

var name = ‘小明’;

var age = 20;

var message = ‘你好, ’ + name + ‘, 你今年’ + age + ‘岁了!’;

alert(message);

如果有很多变量需要连接，用+号就比较麻烦。ES6新增了一种模板字符串，表示方法和上面的多行字符串一样，但是它会自动替换字符串中的变量：

var name = ‘小明’;

var age = 20;

var message =

你好, ${name}, 你今年${age}岁了!

;//注意用的是反引号

alert(message);

操作字符串

var s = ‘Hello, world!’;

要获取字符串某个位置的字符，使用类似Array的下标操作，索引号从0开始：

s[13]; // undefined 超出范围的索引不会报错，但一律返回undefined

需要特别注意的是，字符串是不可变的，如果对字符串的某个索引赋值，不会有任何错误，但是，也没有任何效果：

var s = ‘Test’;

s[0] = ‘X’;

alert(s); // s仍然为’Test’

JavaScript为字符串提供了一些常用方法，注意，调用这些方法本身不会改变原有字符串的内容，而是返回一个新字符串：

toUpperCase

toUpperCase()把一个字符串全部变为大写：

var s = ‘Hello’;

s.toUpperCase(); // 返回’HELLO’

toLowerCase

toLowerCase()把一个字符串全部变为小写：

var s = ‘Hello’;

var lower = s.toLowerCase(); // 返回’hello’并赋值给变量lower

lower; // ‘hello’

indexOf

indexOf()会搜索指定字符串出现的位置：

var s = ‘hello, world’;

s.indexOf(‘world’); // 返回7

s.indexOf(‘World’); // 没有找到指定的子串，返回-1

substring

substring()返回指定索引区间的子串：

var s = ‘hello, world’

s.substring(0, 5); // 从索引0开始到5（不包括5），返回’hello’

s.substring(7); // 从索引7开始到结束，返回’world’