前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >JavaScript第三节

JavaScript第三节

作者头像
用户3461357
发布2019-08-02 15:22:48
2860
发布2019-08-02 15:22:48
举报
文章被收录于专栏:web前端基地web前端基地

类型转换

为什么要进行类型转换???

代码语言:javascript
复制
服务器拿回来的数据,有可能是字符串,比如age='18', 
 var age = '18';
 console.log(age+1);

查看变量的类型

typeof关键字可以查看数据的类型

代码语言:javascript
复制
var num = 11;
console.log(typeof num);
num = "abc";
console.log(typeof num);

小技巧:在控制台可以根据颜色来判断数据的类型哦(__) **

转换成 数值 -number

  • 1 Number()
代码语言:javascript
复制
console.log(Number('55'));
Number()可以把任意值转换成数值类型,但是如果字符串中有不是数字的字符,返回NaN
  • 2 parseInt() 和 parseFloat()
代码语言:javascript
复制
- parseInt()  把整数或者小数都转化为整数;
- parseFloat() 把整数转化整数,把小数转化为小数
var num1 = parseInt("12");  // 12
var num1 = parseInt("12.3"); //12
var num1 = parseFloat("12"); //12
var num1 = parseFloat("12.3");//12.3

var num1 = parseInt("12.3abc");  // 返回12,如果第一个字符是数字会解析知道遇到非数字结束
var num2 = parseInt("abc123");   // 返回NaN,如果第一个字符不是数字或者符号就返回NaN


  • 3 算术运算 (最常用)
代码语言:javascript
复制
var str = '500';
console.log(+str);		// 取正
console.log(-str);		// 取负
console.log(str - 0);  +0呢???拼接

转换成 字符串类型 - string

  • 1. String ( )
代码语言:javascript
复制
var num = 5;
num = String(num);
console.log(num);
  • 2. toString ( )
代码语言:javascript
复制
var num = 5;
console.log(num.toString());// 把数值5变成字符串5
//将来所有的数据都会有toString()方法,除了null和undefined
  • 3. 拼串,(最常用)
代码语言:javascript
复制
var num = 5;
num = num + "";
console.log(num);

转换成布尔类型

所有的值都可以转换成布尔类型

其中 0, "", undefinednullNaN,这几个值会转换成false,其他值都会转换成true

这个代表的五大基本类型

代码语言:javascript
复制
// 没有值 => false
// 有值 => true
// number string undefined null
//  0      ''

注意 : 
   1. 'false' 它是字符串
   2.  NaN  => false
  • Boolean()
代码语言:javascript
复制
console.log(Boolean(1));
console.log(Boolean(0));
  • !!
代码语言:javascript
复制
var a = "abc";
console.log(!!a);

NaN

NaN: not a number, 表示一个非数字

在js中,NaN用来表示一个非数字的特殊值,当发现无法进行运算时,js不会报错,而是会返回一个NaN

NaN的注意事项:

  • NaN的类型是number类型的,表示一个非数字
  • NaN不等于任何值,包括NaN本身
  • 通过isNaN()可以判断是否是一个数字,返回false的时候,表示是一个数字。
代码语言:javascript
复制
var num = +'abc'
 console.log(num);  //NAN

// 判断是不是文字
var a = 123;
var b = '123';
//  Nan 不是数字
// true 不是文字
// false 不是不是文字 = 是文字
console.log(isNaN(c));
本文参与 腾讯云自媒体分享计划,分享自微信公众号。
原始发表:2019-07-13,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 web前端基地 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 类型转换
    • 为什么要进行类型转换???
      • 查看变量的类型
        • 转换成 数值 -number
          • 转换成 字符串类型 - string
            • 转换成布尔类型
            • NaN
            领券
            问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档