类型转换

掌握三种类型的转换

  • 转换成字符串类型
  • 转换成数值类型
  • 转换成布尔类型

转换成字符串

1.几乎每一个值都有 toString() 方法,除了 null 和 undefined。

var age =18;
var ageString = age.toString();
console.log(ageString); // "18" var a = true;
var aString =a.toString();
console.log(aString) // "true"

数据类型的 toString(),可以携带一个参数,输出对应进制的值

var a =10;
console.log(a.toString(2)); //"1010"
console.log(a.toString(16)); //"a"
...

2.String() 函数,可以把 null 和 undefined 转换为字符串。

3.使用拼接字符串。

var age = 18;
str = age + "岁"
console.log(str);

转换成数值类型

三种把值转换成数值类型的函数:Number()、 parseInt()、 parseFloat();

Number

Number() 可以把任意的值转为数值,如果要转化的字符串中有任意一个不是数值的字符,返回 NaN。

var num1 = Number(true); //true返回1 ,false返回0;
var num2 = Number(undefined); //返回NaN
var num3 = Number("hello"); //返回NaN
var num4 = Number(" "); //空字符串返回0
var num1 = Number("abc123"); //返回NaN

只要字符串中有任意一个字符不是数值,就会返回 NaN。(没错,就是这么严格)

parseInt

把字符串转换为整数

parseInt("12.3abc");//返回 12,如果第一个是数字会解析到第一个非数字后停止。
parseInt("abc123"); //返回 NaN,如果第一个字符不是数字或符号就返回NaN;
parseInt(" "); //空字符串返回NaN,Number("")返回0;

parseInt() 可以传递两个参数,第一个是要转换的字符串,第二个是要转换的进制。

var num1 = parseInt("0xA"); //10
var num2 = parseInt("A"); //NaN var num3 = parseInt("A",16); //10
var num4 = parseInt("10",16); //16

parseFloat

parseFloat() 把字符串转换为浮点数

parseFloat() 和 parseInt 非常相似,不同之处在于

  • parseFloat()会解析第一个 . ,遇到第二个.或者非数字结束
  • parseFloat()不支持第二个参数,只能解析 10 进制数。
  • 如果解析的内容只有整数,解析成整数。

转换为 Boolean 类型

两种方式

  • Boolean() 函数
  • var b = Boolean("abc");//true

流程控制语句会把后面的值隐式转换成布尔类型。

例如:

 var message;
if(message){ //会自动把message转换为false
//todo
}

转换为 false 的值: false,"",0,null,undefined;

var b = !!"123"; //123为true, !"123" 为false, !!"123"为true。

javascript_04-类型转换的更多相关文章

  1. 为C# as 类型转换及Assembly.LoadFrom埋坑!

    背景: 不久前,我发布了一个调试工具:发布:.NET开发人员必备的可视化调试工具(你值的拥有) 效果是这样的: 之后,有小部分用户反映,工具用不了(没反应或有异常)~~~ 然后,建议小部分用户换个电脑 ...

  2. c# 基础 object ,new操作符,类型转换

    参考页面: http://www.yuanjiaocheng.net/webapi/config-webapi.html http://www.yuanjiaocheng.net/webapi/web ...

  3. Struts2日期类型转换

    针对日期类java.util.Date进行类型转换,要求客户端使用"yyyy-MM-dd","yyyy/MM/dd"中的任意一种输入,并以"yyyy- ...

  4. 【.NET深呼吸】基础:自定义类型转换

    照例,老周在开始吹牛之前,先讲讲小故事,这是朋友提出的建议,老TMD写技术有什么了不起的,人人都会写.后来老周想想,也确实,代码谁不会写,能写到有品位有感悟,就不容易做到.于是,老周接受了该朋友的建议 ...

  5. C++四种类型转换方式。

    类型转换有c风格的,当然还有c++风格的.c风格的转换的格式很简单(TYPE)EXPRESSION,但是c风格的类型转换有不少的缺点,有的时候用c风格的转换是不合适的,因为它可以在任意类型之间转换,比 ...

  6. struts2类型转换

    1. Struts2中的类型转换 我们知道通过HTTP提交到后台的数据,都是字符串的形式,而我们需要的数据类型当然不只字符串类型一种.所以,我们需要类型转换! 在Struts2中,类型转换的概念除了用 ...

  7. C++_系列自学课程_第_11_课_类型转换_《C++ Primer 第四版》

    上次说了关于表达式的一些内容,说到还有一些关于数据类型转换的内容,今天我们接着八一八C++中的数据类型转换. 一.隐式类型转换 在表达式中,有些操作符可以对多种类型的操作数进行操作, 例如 + 操作符 ...

  8. Struts2入门(三)——数据类型转换

    一.前言 笔者一直觉得,学习一个知识点,你首先要明白,这东西是什么?有什么用?这样你才能了解.好了,不说废话. 1.1.类型转换为何存在?什么是类型转换? 在MVC框架中,都是属于表示层解决方案,都需 ...

  9. js条件判断时隐式类型转换

    Javascript 中,数字 0 为假,非0 均为真 在条件判断运算 == 中的转换规则是这样的: 如果比较的两者中有布尔值(Boolean),会把 Boolean 先转换为对应的 Number,即 ...

  10. JavaScript中数据类型转换总结

    JavaScript中数据类型转换总结 在js中,数据类型转换分为显式数据类型转换和隐式数据类型转换. 1, 显式数据类型转换 a:转数字: 1)Number转换: 代码: var a = " ...

随机推荐

  1. 修改excel图表中的“系列一”

    修改excel图表中的"系列一" 觉得有用的话,欢迎一起讨论相互学习~Follow Me 参考文献 https://zhidao.baidu.com/question/153915 ...

  2. 随机采样一致算法RANSAC

    A project to learn line, circle and ellipse detection in 2d images: https://github.com/Yiphy/Ransac- ...

  3. matplot中的对象

    figure:图表,可以理解为一个空间,二维情况下是一个平面 axes:坐标系,空间中的坐标系,一个空间可以有多个坐标系 axis:坐标轴,坐标系中的一个坐标轴,一个坐标轴只属于一个坐标系 画点:sc ...

  4. JS和vue文本框输入改变p标签的内容测试

    文本框输入,p标签的内容自动变成文本框的内容,如下是三种方法的测试: 方法1:JS里的onchange,当文本框内容改变事件,该事件里写的方法是,获取p标签本身,然后获取文本框的值,赋值给变量,最后给 ...

  5. ng2中 如何使用自定义属性data-id 以及赋值和取值操作

    项目环境:ng4.x 写法说明: [attr.data-nurseKey] <div [attr.data-nurseKey]="k.nurseKey"></di ...

  6. Django orm练习

    ORM练习题 models生成 from django.db import models # Create your models here. # 书籍管理 class Book(models.Mod ...

  7. Can't find bundle for base name javax.servlet.LocalStrings, locale zh_CN

    启动junit4测试报错,原因是没有servlet-api.jar eclipse右键项目>>>>>>Build Path>>>>>C ...

  8. JIRA+JIRA Agile敏捷项目管理工具

    jira插件下载地址 http://www.confluence.cn/pages/viewpage.action?pageId=1671327 下载GreenHopper插件 安装Jira-agil ...

  9. 因修改/etc/sudoers权限导致sudo和su不能使用的解决方法(转)

    转自: 因修改/etc/sudoers权限导致sudo和su不能使用的解决方法   系统环境:ubuntu 12.04 状况: 因为修改了/etc/sudoers以及相关权限,导致sudo无法使用,恰 ...

  10. 获取spring上下文 - applicationContext

    前言 spring上下文是spring容器抽象的一种实现.将你需spring帮你管理的对象放入容器的一种对象,ApplicationContext是一维护Bean定义以及对象之间协作关第的高级接口. ...