美文网首页
JS入门之数据类型(下)

JS入门之数据类型(下)

作者: 赎_a | 来源:发表于2019-06-19 08:29 被阅读0次

四、 数据类型转换

显式转换

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. 字符与字符比较会根据字符编码排序先后

相关文章

  • JS入门之数据类型(下)

    四、 数据类型转换 显式转换 1. 转为数值类型 (1). Number();①. Booleantrue - 1...

  • Node.js 笔记二:入门及GeoNode.js GIS相关库

    Node.js 笔记二:入门及GeoNode.js GIS相关库 入门 node.js之fs模块 Node.js模...

  • js深拷贝

    在写深拷贝之前,有必要说一下js的数据类型 一.js数据类型 1.1 分类 js数据类型分为两类:原始数据类型、引...

  • JS 高频面试题汇总

    # 说一下JS 中的数据类型有哪些 JS 数据类型包括 基本 / 引用 / 特殊 数据类型: 基本数据类型:Str...

  • JS入门之数据类型(上)

    数据类型有七种:undefined null String Boolean Number Object Symbo...

  • JS 面试题汇总

    说一下JS 中的数据类型有哪些 JS 数据类型包括 基本 / 引用 / 特殊 数据类型: 1.基本数据类型:Str...

  • JS入门之数组(下)

    三、数组的遍历方法 Array.forEach() (遍历)从头到尾遍历数组(只能通过try/catch终止循环)...

  • JS 基本数据类型和引用数据类型的区别及浅拷贝和深拷贝

    JS基本数据类型和引用数据类型 再讲 js 的基本数据类型和引用数据类型之前,我们先说一下栈和堆的概念 1、栈(s...

  • JS入门-数据类型

    简介 JavaScript 语言的每一个值,都属于某一种数据类型。JavaScript 的数据类型,共有六种。(E...

  • 2021-04-14

    JS浅拷贝、深拷贝小整理 说这个话题之前,先扯一下JS的基本数据类型: 1,Javascript数据类型: 值类型...

网友评论

      本文标题:JS入门之数据类型(下)

      本文链接:https://www.haomeiwen.com/subject/dmsrfctx.html