JavaScript数据类型的转换和运算符

最新推荐文章于 2023-09-04 23:45:44 发布

å¿å¬è¤ä¸

最新推荐文章于 2023-09-04 23:45:44 发布

阅读量293

点赞数

文章标签： javascript

本文链接：https://blog.youkuaiyun.com/weixin_43507887/article/details/115048764

版权

类型转换

1、Number() 如果字符串由数字构成，强转后将会变成数值，如果参数无法被转换为数字，则返回 NaN,需要注意的是NaN是非数值，但属于数值类型。

2、parseInt()转换为数值的时候，如果字符串是纯数字或者第一个字符是数字，则转换的时候，从头开始转换到字母之前，并取整。parseInt() 首先会自动隐式转换成字符串, 第一个参数要求是字符串，但是true 和false不是字符串,故返回NaN
str=parseInt(str,16);根据字符串的进制来转换成十进制数值,16代表字符串为16进制
console.log(parseInt(true)); --> NaN

3、parseFloat() 可以保留小数点

4、String() 布尔值转换为字符串，都是直接变成字符串

5、以下几种强转布尔值会变成false，其他的都是true

// console.log(Boolean(0));
// console.log(Boolean(NaN));
// console.log(Boolean(false));
// console.log(Boolean(undefined));
// console.log(Boolean(null));
// console.log(Boolean(""));

6、
// console.log(Number(undefined));NaN
// console.log(Number(null));0
// console.log(Number({a:1})); NaN
7、typeof 获取数据的基本类型 console.log(typeof “a”);
var a=5;数值 number 这种类型会存储在栈中 typeof number
var b=new Number(5);数值对象 Number 会存储在堆中 typeof object
number可以理解为Number类型在栈中的映射

算数运算符

+两端有一段是字符串，无论另一端是任何类型都会隐式转换为字符串，即做拼串处理

console.log("abc"+"def");// abcdef
console.log("abc"+5);//abc5
console.log("cde"+true);//cdetrue
console.log("abc"+null);//abcnull

var a;
console.log("abc"+a); //abcundefined

console.log("abc"+{a:1});//abc[object,object]
console.log({a:1}+"");//[object Object]
console.log(5+"");//5

数值+布尔值会隐式转为数值相加

// console.log(1+true);2
// console.log(1+false);1

数值+undefined undefined会隐式转化为数值相加

// console.log(1+undefined); NaN

数值+null null会隐式转化为0

//console.log(1+null);1
// 数值与除了字符串外的非数值相加都会隐式转换为数值类型相加

// 布尔值、undefined、null相加也会转换为数值

// console.log(true+true);2
// console.log(true+null);1
// console.log(undefined+null);NaN
        ```
## 除了+以外，-，*，/，% 都会依照数值运算先将所有其他类型转换为数值后再运算
```bas
console.log(5-true); 4
console.log(true*null);0 
console.log(5+2-(true+"a"));NaN

// a+=2; 步长为2
// 先允许等号右侧的内容，将运算的结果赋值给等号左侧
// a=a+2;
// var b=a=a+2;运算顺序先将a+2的值赋值给b，再将a+2的值给a

多个变量同时声明，中间用,隔开

// var a=3,
//     b=4,
//     d=5,
//     e=6;
// var f,e,g,h;

自增运算符

a++ 会先返回一个自增之前的数值，然后再做++运算
++a会先做++运算，然后把结果返回给a

var a = 1;
c = a++;
console.log(c,a++,a);//1 3 2
d = ++a;
console.log(d,++a,a);//2,3,2

a=2;
console.log(++a+a---a+a---a+++a-(a+a++),a);//3+3-2+2-1+2-2-2 = 3 ,3

关系运算符

< <= > >= 返回布尔值
== === != !== 返回布尔值
== != 会自动隐式转换为两端类型相同后比较

        // console.log(1=="1");
        // console.log(1==true);
        // console.log(1===true);
0  false ""  相等
        console.log(0==false);true
        console.log(false=="");true
        console.log(0=="");true

## null undefined  相等  空或者为赋值 
        console.log(null == undefined);true
//      console.log(NaN==NaN);//false不等 非数值类型的值有很多，故不等

isNaN()

isNaN() 函数用来确定一个值是否为NaN,如果给定值为 NaN则返回值为true；否则为false。

Number.isNaN()

Number.isNaN() 方法确定传递的值是否为 NaN，并且检查其类型是否为 Number,返回值为一个布尔值，表示给定的值是否是 NaN。
=== !== 不转换类型，除了比较值以外还会比较类型
isNaN() 会先隐式转换为数值，然后判断是否是非数值,非数值类型，不隐式转换直接返回false

经典面试题

// console.log([]==[]);false因为数组是对象类型，也就是引用类型，两个新的数组是两个不同的引用对象，所以不相同
            // console.log([]==![]);//true     ""==false
            // console.log([1]==1)//true
            // console.log([]==0)//true []--->""   ""==0
            // console.log([]==null)//false
            // [1,2,3]--->"1,2,3"
            // [1]--->"1";
            // []--->""