标准对象和类型转换

在 JavaScript 的世界里,一切都是对象。

但是某些对象还是和其他对象不太一样。为了区分对象的类型,我们用 typeof 操作符获取对象的类型,它总是返回一个字符串:

typeof 123; // 'number'
typeof NaN; // 'number'
typeof 'str'; // 'string'
typeof true; // 'boolean'
typeof undefined; // 'undefined'
typeof Math.abs; // 'function'
typeof null; // 'object'
typeof []; // 'object'
typeof {}; // 'object'

可见,number、string、boolean、function 和 undefined 有别于其他类型。

特别注意 null 的类型是 object,Array 的类型也是 object,如果我们用 typeof 将无法区分出 null、Array 和通常意义上的 object——{}。




包装对象

number、boolean 和 string 都有包装对象。没错,在 JavaScript 中,字符串也区分 string 类型和它的包装类型。包装对象用 new 创建:

var n = new Number(123); // 123,生成了新的包装类型
var b = new Boolean(true); // true,生成了新的包装类型
var s = new String('str'); // 'str',生成了新的包装类型

虽然包装对象看上去和原来的值一模一样,显示出来也是一模一样,但他们的类型已经变为 object 了!所以,包装对象和原始值用 === 比较会返回 false:

typeof new Number(123); // 'object'
new Number(123) === 123; // false

typeof new Boolean(true); // 'object'
new Boolean(true) === true; // false

typeof new String('str'); // 'object'
new String('str') === 'str'; // false

所以 闲的蛋疼也不要使用包装对象!尤其是针对 string 类型!!!

如果我们在使用 Number、Boolean 和 String 时,没有写 new 会发生什么情况?

此时,Number()、Boolean 和 String() 被当做普通函数,把任何类型的数据转换为 number、boolean 和 string 类型(注意不是其包装类型):

var n = Number('123'); // 123,相当于parseInt()或parseFloat()
typeof n; // 'number'

var b = Boolean('true'); // true
typeof b; // 'boolean'

var b2 = Boolean('false'); // true! 'false'字符串转换结果为true!因为它是非空字符串!
var b3 = Boolean(''); // false

var s = String(123.45); // '123.45'
typeof s; // 'string'

javascript 类型转换 应遵循以下几个守则:

  • 不要使用 new Number()、new Boolean()、new String() 创建包装对象;

  • 用 parseInt() 或 parseFloat() 来转换任意类型到 number;

parseInt("10");  //10,转换为整数

parseFloat("10"); //10,转换为浮点数
  • 用 String() 来转换任意类型到 string,或者直接调用某个对象的 toString() 方法;
String(123); // "123"

var a = 123;
a.toString(); // "123"

// 注意:number 不能直接调用 toString 方法,要用以下方法
123..toString(); // '123', 注意是两个点!
(123).toString(); // '123'
  • 通常不必把任意类型转换为 boolean 再判断,因为可以直接写 if (myVar) {...}

  • typeof 操作符可以判断出 number、boolean、string、function 和 undefined;

  • 判断 Array 要使用 Array.isArray(arr)

Array.isArray([1, 2, 3]); // true,这是数组

Array.isArray({a:1, b:2}); // false,对象和数组同为object,但不是array
  • 判断 null 请使用 myVar === null

  • 判断某个全局变量是否存在用 typeof window.myVar === 'undefined'

  • 函数内部判断某个变量是否存在用 typeof myVar === 'undefined'

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容