JS系列:js数据类型的转换
数据类型的转换
【基本数据类型】
数字 number
字符串 string
布尔 boolean
空 null
未定义 undefined
【引用数据类型】
对象 object
普通对象 {}
数组对象 [](Array)
正则对象 (RegExp)
日期对象 (Date)
数学函数 (Math)
…
函数 function
真实项目中根据需求,我们徐亚进行对数据类型转换(规则和规则之间是相互独立的,千万不要混着记)
把其他数据类型转换为number类型
1.发生的情况
- isNaN检测的时候:当检测的值不是数字类型,浏览器会自己调用Number方法把它先转化为数字,然后再检测是否为非有效数字。
例子1:isNaN('3') =>false
Number('3') ->3
isNaN(3) ->false 是有效数字
例子2:isNaN('3px') =>false
Number('3px') ->NaN
isNaN(3) ->true 非有效数字
1
2
3
4
5
6
基于parseInt/parseFloat/Number 去手动转换为数字类型
数学运算:+ - * / %,但是"+"不仅是数学运算,也可能是字符串拼接
'3'- 1 =>2
Number('3')->3
3-1->2
'3px'- 1 =>NaN
'3px'+ 1 =>'3px1' 字符串拼接
var i='3';
i=i++; => 4 // i++就是单纯的数学运算,不是字符串拼接
i=i+1; => '31'
i+=1; => '31'
1
2
3
4
5
6
7
8
9
10
11
12
在基于"=="比较的时候,有时候也会把其他的值转换为数字类型。
2.转换规律
转换的方法:Number (浏览器自行转换都是基于这个方法完成的)
【把字符串转换为数字】
只有遇到一个非有效数字字符,结果都是NaN
Number(’’) ->0
’ ’ ->0
‘\n’ ->0 // \n为换行符
‘\t’ ->0 // \t为制表符键盘 也就是Tab,一个Tab就是4个空格键盘
【把布尔转换为数字】
true->1
false->0
【把没有转换为数字】
null ->0
undefined ->NaN
【把引用类型转换为数字】
首先先转换为字符串(toString),然后再转换为数字(Number)
把其他的值转化为字符串
1.发生的情况
- 基于alert/confirm/prompt/document.write 等方法输出内容的时候,会把输出的值转化为字符串,然后输出。
alert(1)=>'1'
1
基于’+'进行字符串拼接的时候
把引用值转换为数字的时候,首先为转换为字符串,然后再转换为数字,
对对象设置属性名,如果不是字符串,首先转换为字符串,然后再当做属性存储到对象中(对象的属性只能是数字或者字符串)
手动调用toString/toFixed/Join/String等方法的时候,也是为了转换为字符串
var m = Math.PI //=>获取圆周率
m.toFixed(2) => '3.14'
var ary = [12,34,23];
ary.join('+') = '12+34+23'
1
2
3
4
5
2.转换规律
//=>调用的方法:toString
1 -> '1'
[] -> ''
[12] -> '12'
[12,23] -> '12,23'
(function(){}).toString() =>"function(){}"
new Date().toString() =>"Mon Dec 09 2019 15:13:53 GMT+0800 (中国标准时间)"
...
【对象】
{name:'xxx'} -> '[object Object]'
{} -> '[object Object]'
不管是啥样的普通对象,最后结果都是一样的。
1
2
3
4
5
6
7
8
9
10
11
12
把其他的值转换为布尔类型
1.发生的情况
- 基于!/!!/Boolean等方法转换
- 条件判断中的条件最后都会转换为布尔类型
if(n){
//=>把n的值转换为布尔验证条件真假
}
if('3px'+3){
//=>先计算表达式的结果'3px3',把结果转换为布尔true,条件成立。
} alert(1)=>'1'
1
2
3
4
5
6
2.转换规律
只有"0/NaN/null/undefined/'' "五个值转换为布尔的false,其余为true
特殊情况:数学运算与字符串拼接 “+”
//=>当表达式中出现字符串,就是字符串拼接,否则就是数学运算
1+true => 2 不是字符串当做数学运算,true变成1,所以为2
'1' + true => '1true' 字符串拼接
[12]+10 =>'1210' 虽然现在没看到字符串,但是引用类型转换为数字,首先会转换为字符串,所以会变成了字符串拼接
({})+10 =>"[object Object]10"
[]+10="10"
{}+10 =>10 这个和以上说的没有任何关系,因为不是数学运算,也不是字符串拼接,它是两部分代码
{} 代表一个代码块(块级作用域)
+10 才是我们的操作
严格写法:{}; +10
function fn(); + 10 =>10
1
2
3
4
5
6
7
8
9
10
11
12
13
14
思考题:
12+true+false+null+underfined+[]+'前端'+null+underfined+[]+true =>"NaN前端nullundefinedtrue"
解析:
12+true =>13
13+false =>13
13+null =>13
13+undefined =>NaN
NaN+[] =>'NaN'
'NaN'+'前端' =>'NaN前端'
...
'NaN前端trueundefined'+[] =>'NaN前端trueundefined'
...
=>'NaN前端trueundefined'
1
2
3
4
5
6
7
8
9
10
11
12
特殊情况:"=="在进行比较时候,如果左右两边的数据类型不一样,则先转换为相同的类型,在进行比较
对象==对象:不一定相等,因为对象操作的是引用地址,地址不相同,则不相等
{name:'xxx'} == {name:'xxx'} =>false
[]==[] =>false
var obj1={};
var obj2=obj1;
obj1==obj2 =>true
1
2
3
4
5
6
对象数字:把对象转换为数字
对象布尔:把对象转换为数字,把布尔也转换为数字
对象字符串:把对象转换为数字,把字符串转换为数字
字符串数字:字符串转换为数字
字符串布尔:都转换为数字
布尔数字:布尔转换为数字
=====================>不同情况的比较,都是把其他的值转换为数字,然后再进行比较
nullundefined: true
nulll=undefined:false
null&undefined和其他值都不相等
NaN==NaN:false
NaN和谁都不相等包括自己
=============================>以上都需要特殊记忆
1==true =>true
1==false =>false
2==true =>false 规律不要混淆,这里是把true变为数字1
[]==[] =>false
![]==[] =>true
[]==false => true //转换为数字都为0
[]==true => false //[]转换为数字都为0,true转换为数字都为1
![]==false =>true 先算![],把数组转换为布尔取反=>false =>false==false
![]==true =>false //true为1 ,![]为0
————————————————
JS系列:js数据类型的转换的更多相关文章
- js中的数据类型及其转换
Js中的数据类型 Js中的数据类型一共有六种,即number,string,boolean,underfine,null,object. 一,number Number数据类型指的是数字,可以为整型, ...
- JS中的数据类型和转换
一.JS中的数据类型 js中的数据类型可以分为五种:number .string .boolean. underfine .null. number:数字类型 ,整型浮点型都包括. string:字符 ...
- js中的数据类型以及转换
Js中的数据类型 Js中的数据类型一共有六种,即number,string,boolean,underfine,null,object. 一,number Number数据类型指的是数字,可以为整型, ...
- JS中的数据类型及转换
js的六大类型 js中有六种数据类型,Boolean: 布尔类型 Number:数字(整数int,浮点数float ) String:字符串 Object:对象 (包含Array数组 ) 特殊数据类型 ...
- JS系列:数据类型详细讲解
ctrl+B加粗 ### 数据类型: - 1.number数字类型 NaN:not a number 不是一个数 ,但他是数字类型 isNaN:检测当前值是否不是有效数字,返回true代表不是有效数字 ...
- js中关于数据类型的转换
* 一.转化为数字*/console.log(‘123123’*1.0); /* 二.从一个值中提取另一中类型的值,并完成转化工作 */console.log(parseInt(‘1233zxhag’ ...
- js学习笔记1:语法、数据类型与转换、运算符与运算
注意: 上部代码错误,将停止运行,下部的代码无法显示 typeof 用来定义内容类型,不会输出内容只会输出类型 一.js输出语法 1. 弹窗输出('')内的内容: ...
- js中的数据类型隐式转换的三种情况
js的数据类型隐式转换主要分为三种情况: 1. 转换为boolean类型 2. 转换为number类型 3. 转换为string类型 转换为boolean类型 数据在 逻辑判断 和 逻辑运算 之中会隐 ...
- Javascript高级编程学习笔记(3)—— JS中的数据类型(1)
前一段时间由于事情比较多,所以笔记耽搁了一段时间,从这一篇开始我会尽快写完这个系列. 文章中有什么不足之处,还望各位大佬指出. JS中的数据类型 上一篇中我写了有关JS引入的Script标签相关的东西 ...
随机推荐
- thinkphp6.0 开启调试模式以及Driver [Think] not supported
thinkphp6.0 开启调试模式 首先确认自己是通过 composer 进行的下载,然后修改系统目录下的 .example.env 为 .env 文件 修改 config->app.php ...
- lqb 入门训练 Fibonacci数列 (循环 PS:提柜要栈溢出)
入门训练 Fibonacci数列 时间限制:1.0s 内存限制:256.0MB 问题描述 Fibonacci数列的递推公式为:Fn=Fn-1+Fn-2,其中F1=F2=1. 当n比较大时, ...
- this绑定方式总结
最近在回顾js的一些基础知识,把<你不知道的js>系列又看了一遍,this始终是重中之重,还是决定把this相关知识做一个系统的总结,也方便自己日后回顾. this的四条绑定规则 1.默认 ...
- 2-SAT习题讲解
2-SAT习题讲解 讲在前面:下述例题不是按照难度顺序的,而且基本就只会讲解建图的过程.下面讲解中$A'$为$A$的反向状态. 一.bzoj习题 例一:$bzoj2199 奶牛议会$ 首先我们考虑本题 ...
- (三十八)golang--json(对切片、map、结构体进行序列化)
JSON(javascript object notation)是一种轻量级的数据交换格式,易于人阅读和编写,同时也易于机器解析和生成.key-val JSON是在2001年开始推广的数据格式,目前已 ...
- 投票通过,PHP 8 确认引入 Union Types 2.0
关于是否要在 PHP 8 中引入 Union Types 的投票已于近日结束,投票结果显示有 61 名 PHP 开发组成员投了赞成票,5 名投了反对票. 还留意到鸟哥在投票中投了反对票~) 因此根据投 ...
- linux计算机网络基础
OSI7层协议和TCP/IP4层网络协议 第一层:物理层,定义各种物理设备的规范,如通信距离,接口大小等. 第二层:数据链路层,基于mac地址通信是,数据报文封装和相应方式. 第三层:网络层,基于IP ...
- day 28 网络基础相关的知识
1.网络基础相关的知识 架构 C/S 架构: client 客户端 server服务器端 优势: 能充分发挥PC机的性能 B/S 架构: browser 浏览器 server服务器 隶 ...
- 4.Netty执行IO事件和非IO任务
回顾NioEventLoop的run方法流程 IO事件与非IO任务 处理IO事件 处理非IO任务 聚合定时任务到普通任务队列 从普通队列中获取任务 计算任务执行的超时时间 安全执行 计算是否超时 总结 ...
- AJAX与Django
AJAX 什么是AJAX? AJAX不是JavaScript的规范,它的缩写:Asynchronous JavaScript and XML,意思就是用JavaScript执行异步网络请求.提交任务之 ...