JS数据类型以及数据类型转换

2019-10-12 admin

JS数据类型转换小计

数据类型

原始类型

  1. Boolean
  2. Null
  3. Undefined
  4. Number
  5. String
  6. Symbol

对象

7.Object

显式类型转换

原始类型转换

数值:转换后还是原来的值

console.log(Number(123)) //123

字符串:如果可以被解析为数值,则转换为相应的数值,否则得到NaN.空字符串转为0

console.log(Number('123')) //123

console.log(Number('123abc')) //NaN

console.log(Number('')) //0

布尔值:true转换为1,false转换为0

console.log(Number(true)) //1

console.log(Number(false)) //0

undefined:转换为NaN

console.log(Number(undefined)) //NaN

null:转换为0

console.log(Number(null)) //0

对象类型转换

  1. 先调用对象自身的valueOf方法,如果该方法返回原始类型的值(数值,字符串和布尔),则直接对该值使用Number方法,不再进行后续步骤。

  2. 如果valueOf方法返回复合类型的值,再调用对象自身的toString方法,如果toString方法返回原始类型的值,则对该值使用Number方法,不再进行后续步骤。

  3. 如果toString方法返回的是复合类型的值,则报错。

    console.log(Number({a:1})) //NaN

    原理流程:

    a.valueOf() //{a:1}

    a.toString() //"[object Object\]"

    Number("[object Object]") //NaN

  • String函数

    原始类型转换

    数值:转为相应的字符串

    字符串:转换后还是原来的值

    布尔值:true转为’true’,false转为’false’

    undefinde:转为’undefined’

    null:转为’null’

对象类型转换

  1. 先调用toString方法,如果toString方法返回的是原始类型的数值,则对该值使用string方法,不再进行以下步骤。
  2. 如果toString方法返回的是复合类型的值,再调用valueOf方法,如果valueOf方法返回的是原始类型的值,则对该值使用String方法,不再进行以下步骤。
  3. 如果valueOf方法返回的是复合类型的值,则报错。

原始类型转换

undefined:转为false

null:转为false

0:转为false

NaN:转为false

‘’(空字符串):转为false

以上统统都转为false,其它转为true

隐式类型转换

在js中,当运算符在运算时,如果两边数据不统一,CPU就无法计算,这时我们编译器会自动将运算符两边的数据做一个数据类型转换,转成一样的数据类型再计算.这种无需程序员手动转换,而由编译器自动转换的方式就称为隐式转换

typeof underfined = 'ndefined'

typeof null = 'object'

typeof Boolean = 'function'

typeof Number = 'function'

此类问题中:+ 分为两种情况

字符串连接符:+ 号两边有一边是字符串,会把其它数据类型调用String()方法转换成字符串然后拼接。

算术运算符:+ 号两边都是数字,会把其它数据调用Number()方法转换成数字然后做加法运算

console.log(1 + true); //算书运算符:1 + Number(true) = 1 + 1 = 2

console.log(1 + 'true'); //字符串连接符:String(1) + 'true' = '1' + 'true' = '1true'

console.log(1 + undefined)//算书运算符:1 + Number(undefined) = 1 + 0 = 1

console.log(1 + null)//算书运算符:1 + Number(null) = 1 + 0 = 1

[转载]原文链接:https://segmentfault.com/a/1190000020662319

本站文章除注明转载外,均为本站原创或编译。欢迎任何形式的转载,但请务必注明出处。

转载请注明:文章转载自 JavaScript中文网 [https://www.javascriptcn.com]

本文地址:https://www.javascriptcn.com/read-77242.html

文章标题:JS数据类型以及数据类型转换

相关文章
jsdom 中文文档(纯翻译)
jsdom是一个纯粹由 javascript 实现的一系列 web标准,特别是 WHATWG 组织制定的DOM和 HTML 标准,用于在 nodejs 中使用。大体上来说,该项目的目标是模拟足够的Web浏览器子集,以便用于测试和挖掘真实世界...
2018-05-14
从2014年的发展来展望JS的未来将会如何
<font face="寰�杞�闆呴粦, Arial, sans-serif ">2014骞达紝杞�浠惰�屼笟鍙戝睍杩呴€燂紝鍚勭�嶈��瑷€灞傚嚭涓嶇┓锛屼互婊¤冻鐢ㄦ埛涓嶆柇鍙樺寲鐨勯渶姹傘€傝繖浜涜��...
2015-11-12
three.js实现围绕某物体旋转
话不多说,请看代码: 可以拖动右上角观察变化 <!DOCTYPE html> <html lang="en" style="width: 100%; height:100%;"&gt...
2017-02-17
JavaScript教程:JS中的原型
Keith Peters 几年前发表的一篇博文,关于学习没有“new”的世界,其中解释了使用原型继承代替构造函数。两者都是纯粹的原型编码。 标准方法(The Standard Way) 一直以来,我们学习的在 JavaScript 里创建对...
2015-11-12
JS中的语音合成——Speech Synthesis API
JS中的语音合成——Speech Synthesis API 简介 HTML5中和Web Speech相关的API实际上有两类,一类是“语音识别(Speech Recognition)”,另外一个就是“语音合成(Speech Synthes...
2018-05-17
NodeJS参考手册pdf版
下载地址:Nodejs参考手册PDF版下载 ...
2015-11-12
Node.js学习(1)----HTTP服务器与客户端
Node.js 标准库提供了 http 模块,其中封装了一个高效的 HTTP 服务器和一个简易的HTTP 客户端。http.Server 是一个基于事件的 HTTP 服务器,它的核心由 Node.js 下层 C++部分实现,而接口由 Jav...
2015-11-12
使用jspdf生成pdf报表
由于前台html已经动态生成报表,而且,前台有一个功能,一个date range组件,当你拖动的时候,报表会在不提交到后台的情况下动态变化。 因此需要用到js生成生报表: 用到的组件: jquery.js jspdf.js canvg.js...
2017-03-25
Riot.js:不足1KB的MVP客户端框架
Riot.js是一款MVP(模型-视图-呈现)开源客户端框架,其最大的特点就是体积非常小,不足1KB,虽然体积小,但它可以帮助用户构建大规模的Web应用程序。 Riot.js是由Moot公司开发,目前最新版本为v0.9.2,遵循MIT开源许...
2016-03-11
javaScript+turn.js实现图书翻页效果实例代码
为了实现图书翻页的效果我们在网上可以看到很多教程 在这里推荐turn.js 网上的turn.js 有api 不过是英文的  很多人看起来不方便 .关于代码也是奇形怪状在这里我将详细讲解如何使用turn.js实现翻页效果 ,本篇文章只是讲解 ...
2017-03-16
回到顶部