类型和原生函数及类型转换(三:终结js类型转换)
- Number()
- parseInt()
- parseFloat()
- Boolean()
- String()
- toString()
一、显式类型转换
-------Number()函数把对象的值转换为数字。(全局函数)
如果对象的值无法转换为数字,那么 Number() 函数返回 NaN。
语法:
Number(object)
//objert可选。一个 JavaScript 对象。如果没有提供参数,则返回0。
转换规则:
将字符串类型数字转换成数字类型(Number)的数。
可以将Boolean类型值转换成0或1;不可以将字符串的“true”和“false”转换成数字,而是转换成NaN。
可以将空字符串“”、空数组[]和null换成0。
可以将Date对象转换成1970 年 1 月 1 日至今的毫秒数。
可以将数组长度为1的数组,且第一个元素是数字的数组转换成该数字元素(可以是字符串类型)的数字类型数字。
其他一切值都转换成NaN。
-------parseInt()函数可解析一个字符串,并返回一个整数。(全局函数)
语法:
parseInt(string, radix)
转换规则:
将小数做取整操作,不做四舍五入换算。
可以操作字符串类型的数字,包含开头数字开头的字符串(截断)。
其他值返回NaN。
例外:可以将非空数组,且第一个元素为数字的数组做相应的操作(这里是因为内部发生隐式转换)
parseInt()方法的第二个参数可以设置转换基底,既可以对操作的数字进行进制转换。
-------parseFloat()函数可解析一个字符串,并返回一个浮点数。(全局函数)
语法:
parseFloat(string)
转换规则:
将字符串数字转换成数字类型,即原数。
可以操作数字开头的字符串(截断)。
其他值返回NaN
例外:可以将非空数组,且第一个元素为数字的数组做相应的操作(这里是因为内部发生隐式转换)
-------String()函数把对象的值转换为字符串。(全局函数)
语法:
String(object)
转换规则:
除了自定义的对象以外,所有值都能转换成字符串形式。也就是执行Object.prototype.toString.call()方法的时候返回“[object Object]”的对象类型,采用String()进行类型转换时还是返回“[object Object]”。
其他的都能被转换成字符型时的参数:
function fn(){return 1;} ----> String(fn) -----> "function fn(){return 1;}"
var arr = new Array(1,2,3); -----> String(arr); -----> "1,2,3"
var reg = /^[a-zA-Z]+$/ig; -----> String(reg); -----> "/^[a-zA-Z]+$/gi"
var date = new Date(); ----> String(date); -----> "Fri Mar 08 2019 17:57:52 GMT+0800 (中国标准时间)"
var bool = true; -----> String(bool); -----> "true"
var num = 123; -----> String(num); -----> "123"
console.log(String(undefined)); -----> "undefined"
console.log(String(null)); ------> "null"
String() - String("") -------> ""
-------toString() ===>Number、Boolean、Array、RegExp 内置对象修重写了Object对象原型上这个方法,操作结果同等与String()方法对这些类型的值做转换操作。有部分功能有些改变。
可以理解为这些对象将String()封装到了私有对象原型上的toString()方法上了。
转换规则:
undefined和null不能使用这个方法(思考:语法-包装类),强行使用会报错;
当Number对象调用toString(radix)时,可以使用ardix参数指定进制转换,类似parseInt()方法的功能。
var a = 10; var b = 8;
a.toString(16); --->"a";
b.toString(8);---->"10"
-------Boolean()将所有数据类型的值转换成boolean类型,除了undefined、null、NaN、""、0、false这六个值以外都是转换成true,值得注意的是字符串“false”返回的也是true。
二、隐式类型转换
-------isNaN() :检测参数是否是非数值。是非数值返回true,反之false。
原理:先将参数用Number()转换成数字类型(number),如果转换失败即值为NaN,转换成功即为数值,再将值与NaN进行判断,Number()返回NaN时,isNaN则返回true。
-------++ / -- + / -
一元正负的隐式转换:
原理:加加与减减的操作会先将要执行加减的值类型进行类型转换,即Number()操作。再进行加加减减的操作,并且返回一个number类型的结果(值)。
将任意数据类型的数据进行(+/-)正负操作时,原理同上。
------- +
加号的隐式转换:
原理:当两侧的数据类型其中有一个是string类型,就会将非string类型的数据进行String()操作,在执行拼接操作。
------- -*/%
减号、乘号、除号、摩尔的隐式类型转换:
原理:在执行对应操作之前,先将两侧的数据都执行Number()的数据类型转换操作。
------- && || !
与、或、非的隐式类型转换:
原理:在条件运算之前,先将所有值都执行布尔类型转换Boolean(),再进行条件运算。
------- < > <= >=
比较符的隐式类型转换:
原理:比较的两个值其中有一个是数字的话,就将另一个执行Number(),再执行比较运算。
字符串与字符比较其比较的是ascll码。(比较规则是逐个字符比较,直到比较出大小就返回结果)
所有含有NaN的大小比较最终的返回值都是false。
null >= 0 为 true 的这种比较结果,再ECMAScript中还规定,如果<为false,则 >= 为true。
下面的内容了解就好:比较对象是否相同可以采用JSON.stringify(obj)手动转换成字符串来实现比较,除了能被Number()转换成数字以外的值都会在Number()转换时变成NaN,所以都会返回false,至于>= 这个机制不在隐式类型转换机制内。
var a = {}, b = {};
a > b -------> false;a < b -------> false;
a == b -------> false;a >= b ------> true;
b >= a ------> true;
这就是当 < 判断为false时,就会默认 >= 为false。
------- == !=
等于,非等于的隐式类型转换:
原理:正常情况下都是将对比数转换成Number类型在进行比较。
如果x或y中有一个为NaN,则返回false;
如果x或y皆为null或udefined中的一种类型,则返回true(null == undefined // true),否则返回false(null == 0 // false)。
部分内容在大小比较原理中一起阐述了。
------- [] == ![] 的比较运算:
原理:首先[]为对象,则调用ToPrimitive函数将其转换为字符串“”,对于右侧的![],首先进行显示类型转换(boolean),将其转换成false。然后在比较运算中,会将运算两侧的运算对象都转换成数值类型,及转换成0,因此最终返回true。
------- === !== 不进行隐式类型转换,直接比较两个值是否完全相同。
类型和原生函数及类型转换(三:终结js类型转换)的更多相关文章
- 类型和原生函数及类型转换(二:终结js类型判断)
typeof instanceof isArray() Object.prototype.toString.call() DOM对象与DOM集合对象的类型判断 一.typeof typeof是一个一元 ...
- JavaScript(三)数据类型转换
类型转换JavaScript中的取值类型非常灵活,如当JavaScript期望使用一个布尔值的时候,你可以提供其它数据类型的,JavaScript将根据需要自行转换数据类型.如下示例: 10 + “o ...
- 《You dont know JS》原生函数
原生函数 原生函数,即JavaScript的内建函数(built-in function).常用的原生函数有String().Number().Boolean().Array().Object().F ...
- 深入理解javascript函数系列第三篇——属性和方法
× 目录 [1]属性 [2]方法 前面的话 函数是javascript中的特殊的对象,可以拥有属性和方法,就像普通的对象拥有属性和方法一样.甚至可以用Function()构造函数来创建新的函数对象.本 ...
- Swift2.0 中的String(三):类型转换
本系列第三篇,String相关的类型转换.其他的几篇传送门(GitHub打不开链接的同学请自行把地址github改成gitcafe,或者直接去归档里找:-P): Swift2.0 中的String(一 ...
- 《你不知道的JavaScript》整理(五)——值与原生函数
一.值 1)数字 JavaScript只有一种数值类型:number(数字),包括"整数"和带小数的十进制数. //数字的语法 a.toExponential(); // &quo ...
- C#中,三种强制类型转换的对比
在C#中,我们可以看到三种强制类型转换,比如强制转换成有符号32位整型,可以找到下面三种方式: ① (int)() ②Convert.ToInt32() ...
- JS的原生函数
常用的原生函数有: String() Number() Boolean() Array() Object() Function() RegExp() Date() Error() Symbol() 1 ...
- 深入理解javascript函数系列第三篇
前面的话 函数是javascript中特殊的对象,可以拥有属性和方法,就像普通的对象拥有属性和方法一样.甚至可以用Function()构造函数来创建新的函数对象.本文是深入理解javascript函数 ...
随机推荐
- linq 左连接后实现与主表一对一关系数据
var query1 = from r in _residentRepository.GetAll() join i in _inLogRepository.GetAll() on r.Id equa ...
- jQuery中toggle与slideToggle以及fadeToggle之间的不同
toggle()方法: 定义和用法 切换元素的可见状态.如果被选元素可见,则隐藏这些元素,如果被选元素隐藏,则显示这些元素. 语法: $(selector).toggle(speed,callback ...
- 【English】20190313
indicators指针['ɪndɪkeɪtəz] determine决定[dɪˈtɜ:rmɪn] Places null indicator bits at the front of each ...
- Java多线程——中断机制
前言:在Java多线程中,中断一直围绕着我们,当我们阅读各种关于Java多线程的资料.书籍时,“中断”一词总是会出现,笔者对其的理解也是朦朦胧胧,因此非常有必要搞清楚Java多线程的中断机制. 1.J ...
- Linux内核入门到放弃-Ext2数据结构-《深入Linux内核架构》笔记
Ext2文件系统 物理结构 结构概观 块组是该文件系统的基本成分,容纳了文件系统的其他结构.每个文件系统都由大量块组组成,在硬盘上相继排布: ----------------------------- ...
- Python OpenCV 图像处理初级使用
# -*- coding: utf-8 -*-"""Created on Thu Apr 25 08:11:32 2019 @author: jiangshan" ...
- 洛谷 P1101 单词方阵
题目链接 https://www.luogu.org/problemnew/show/P1101 题目描述 给一n×n的字母方阵,内可能蕴含多个"yizhong"单词.单词在方阵中 ...
- split函数用法
split函数详解 split翻译为分裂. split()就是将一个字符串分裂成多个字符串组成的列表. split()当不带参数时以空格进行分割,当代参数时,以该参数进行分割. //---当不带 ...
- RPC----Hadoop核心协议
什么是RPC RPC设计的目的 RPC的作用 远程过程调用(RPC)是一个协议,程序可以使用这个协议请求网络中另一台计算机上某程序的服务而不需要知道网络细节. 必备知识: 网络七层模型 网络四层模型 ...
- SQL拼接字符串时单引号转义问题 单引号转义字符
要拼接一个单引号到已有字符串前后, 开始以为(错误)可以用 \ 转义,如下: '\''+ str+'\'' 看颜色就知道是不行的. 正确方法是两个单引号就转义为单引号,如下: ''''+str+'' ...