JS入门之数据类型(下)

四、 数据类型转换

显式转换

1. 转为数值类型

(1). Number();

①. Boolean
true - 1
false - 0

②. Number = 数值

③. Null = 0

④. Undefined = NaN

⑤. String
只包含数字(前面携带正负号)
前导零会被忽略
识别浮点、整数、16进制(自动转为同等大小的十进制数值)
空字符串 = 0
除上述之外 均为NaN

⑥. Object
先使用valueOf()方法,然后依照前面规则转换返回的值,如果转换的结果是NaN,在使用toString()方法,再次依照前面的规则转换返回的字符串

(2). parseInt();

忽略字符串前面的空格,直至找到第一个非空字符,
如果第一个字符不是数字字符或者正负号 返回 NaN
如果第一个字符是数字字符,parseInt会继续解析第二个字符,知道解析完所有后续字符或者遇到了一个非数字字符
字符串以'0x'开头且后跟数字字符,就会将其当作一个十六进制整数
字符串以'0'开头且后跟数字字符,则会将其当作一个八进制数来解析
空字符串 返回 NaN

(3). parseFloat();

第一个小数点是有效的,第二个小数点是无效的
只解析十进制,无第二个参数
十六进制式的字符串始终被转换为 0

栗子:
var str = '1a'; // NaN  1  1
var str1 = '1.1a'; // NaN 1  1.1
var str2 = '12'; // 12 12 12
var str3 = ''; // 0 NaN NaN

var bool = true; // 1
var bool1 = false; // 0

var n = null; // 0
var u = undefined; // NaN

var arr = []; // 0
var arr1 = [1]; // 1
var arr2 = [1, 2]; // 1

var obj = {}; // NaN
var obj = {name: '1'} // NaN
2. 转为字符串类型

String(变量);
null与undefined可使用这个转型函数
变量.toString(进制);
参数是基数(几进制)
数值、布尔值、对象和字符串都有这个方法,null与undefined则没有

3. 转为布尔类型

Boolean(变量);

栗子:
var str = '1a'; // true
var str1 = '1.1a'; // true
var str2 = '12'; // true
var str3 = ''; // false

var bool = true; // true
var bool2 = false;  // false

var n = null; // false
var u = undefined; // false

var arr = []; // true
var arr1 = [1]; // true
var arr2 = [1,2]; // true

var obj = {}; // true
var obj1 = {name: '1'} // true

隐式转换:

1. 字符串转为数字

前置性

递增 ++a;
console.log(++a); // a+1
递减 --a;
console.log(--a); // a-1

后置性

递增 a++;
console.log(a++); // a
递减 a--;
console.log(a--); // a
负 -a;
console.log(-a); // -1
正 +a;
console.log(+a); // 1

加性运算符

减号-
偏爱一方: 数字 => 运算
console.log(b - a);

乘性运算符

(1). 乘法*
console.log(a * b); // 123
(2). 除法/
console.log(a / b); // 123
(3). 求模/求余数
console.log(a % b); // 0

等号运算符

等于==
console.log(a == b); // false
!= 不等于
console.log(a != b); // true

2. 数字转为字符串

+''
console.log(b + 'a'); // 123a

+号
偏爱一方: 字符串 => 拼接
console.log(a + b); // 1123

3. 转为布尔


console.log(!a); //false

3. 运算符

  1. 逗号运算符

1.1 声明多个变量的时,使用逗号隔开
1.2 用于赋值
var a = (1, 2, 3, 0); // a为0 (取最后一项)

  1. 一元操作符

1). 前置++ 前置--
先+ (-)后运算
2). 后置++ 后置--
先运算后+ (-)
3).+ - 号

  1. 加性操作符

1).+ 加号
更偏爱 拼接
2).- 减号
更偏爱 运算

  1. 0 、 Infinity、-Infinity的加性运算 => 画X轴
  2. 乘性运算符

1). 乘法 *
2). 除法 /
3). 求模(求余数)

  1. 布尔操作符

1).逻辑非 !
2).逻辑与 &&
3).逻辑或 ||

  1. 关系操作符

小于 <
大于 >
小于等于 <=
大于等于 >=

  1. 条件操作符

三目运算符
expression ? true : false;

  1. 赋值操作符

乘/赋值 *=
除/赋值 /=
模/赋值 %=
加/赋值 +=
减/赋值 -=

  1. 相等和不等运算符中的数据类型转换

1). == 和 !=判断规则
会进行类型转换
2). === 、!== 、 对象==对象 这三种情况不会进行类型转换
如果有一个操作符是布尔值,则在比较相等性之前先将其转换为数值
false转换为0;true转换为1
如果有一个数是字符串,另一个操作数是数值,将其字符串转换为数值
如果一个操作符是对象,另一个操作数不是对象,将对象转化为基本操作类型
先valueOf(),再toString(),均不能得到基本类型的值就会报错

  1. 对象在 == 判断的时候

若两边都是对象,不会进行类型转换,为同一个引用才会返回true
若只有一边为对象,则会先调用对象的valueOf()方法
不能返回基本类型,再调用对象的toString()方法,
还是不能返回基本类型就会报错,
否则用转化后的基本类型值继续进行判断

  1. 字符与字符比较会根据字符编码排序先后
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 220,639评论 6 513
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 94,093评论 3 396
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 167,079评论 0 357
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 59,329评论 1 295
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 68,343评论 6 397
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 52,047评论 1 308
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,645评论 3 421
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 39,565评论 0 276
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 46,095评论 1 319
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 38,201评论 3 340
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 40,338评论 1 352
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 36,014评论 5 347
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,701评论 3 332
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 32,194评论 0 23
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 33,320评论 1 272
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 48,685评论 3 375
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 45,345评论 2 358

推荐阅读更多精彩内容

  • 01javascript语法规范 <!DOCTYPE html> javascript语法...
    ouyangqinbin阅读 1,316评论 0 0
  • 前言: 最近在学习javascript中数据类型、运算符,以及运算符优先级等相关基础知识,相对简单、基础但也很重要...
    饥人谷_远方阅读 778评论 0 3
  • 概要 64学时 3.5学分 章节安排 电子商务网站概况 HTML5+CSS3 JavaScript Node 电子...
    阿啊阿吖丁阅读 9,221评论 0 3
  • 变量 声明变量 命名变量区分大小写的语言第一个字符是字母或下划线_,数字不能作为第一个字符字符必须是字母,数字或者...
    flyingtoparis阅读 819评论 0 0
  • 第一章 前端三大语言:HTML(专门编写网页内容)、CSS(编写网页样式)、JS(专门编写网页交互行为) 能简写尽...
    fastwe阅读 968评论 0 0