JS类型转换

这篇具有很好参考价值的文章主要介绍了JS类型转换。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

JS中的类型转换方式一般分为三类:转为String型,转为数字型,转为布尔型。

一.转为String型

1.toString()

通过变量.toString()可以将其他类型的变量转换为字符串型(null和undefined没有toString()方法)

        let age = 18;
        let myname = 'mark';

        console.log(typeof age);
        console.log(typeof myname);

        age = age.toString();
        myname = myname.toString();

        console.log(typeof age);
        console.log(typeof myname);

JS类型转换

2.String()

这种方法为强制转换(null和undefined通过这个方法可以成功转换为字符串类型)

        let age = 18;
        let myname = true;
        let temp = null;

        console.log(typeof age);
        console.log(typeof myname);
        console.log(typeof temp);

        age = String(age);
        myname = String(myname);
        temp = String(temp);

        console.log(typeof age);
        console.log(typeof myname);
        console.log(typeof myname);

 JS类型转换

 3.隐式转换(通过+)

任何类型的数据+字符串类型的数据,得到的结果均为字符串型。隐式转换,就是通过一个引号引起来的空格加上任意类型的数据。

        let age = 18;
        let myname = true;
        let temp = null;

        console.log(typeof age);
        console.log(typeof myname);
        console.log(typeof temp);

        age = age + '';
        myname = myname + '';
        temp = temp + '';

        console.log(typeof age);
        console.log(typeof myname);
        console.log(typeof myname);

 JS类型转换

 二.转为数字型

表单输入的数据通常为字符串型,但是要进行加法操作得到数字型数据,只能为两个数字型相加减,所以需要将字符串型转为数字型

1.Number()

1)如果字符串中全为数字,转换后结果为字符串中数字

2)字符串中有非数字内容,转换后结果为NaN

3)字符串为空,转换后为0

注:true--1,false--0,null--0,undefined--NaN

        let a = '18123';
        let b = '12dddd';
        let c = ' ';
        let d = true;

        a = Number(a);
        b = Number(b);
        c = Number(c);
        d = Number(d);

        console.log(a);
        console.log(b);
        console.log(c);
        console.log(d);

JS类型转换

2.parseInt()

通过这个方法,可以将字符串中含有非数字内容且以数字内容开头的字符串转换为数字型,当字符串以字母或者符号开头,只能转换为NaN,但是其他可转换类型的数据只能转换为整数,当遇到数据中存在小数点时,进行取整。(空字符串,布尔型,null,undefined进行转换只能转换为NaN)

        let a = '18123';
        let b = '12dddd';
        let c = ' 12';
        let d = '';
        let e = '5.67'

        a = parseInt(a);
        b = parseInt(b);
        c = parseInt(c);
        d = parseInt(d);
        e = parseInt(e);

        console.log(a);
        console.log(b);
        console.log(c);
        console.log(d);
        console.log(e);

JS类型转换

使用parseInt()时,也可以转换为指定进制数字

        let a = '14';
        let b = '12jjjj';

        a = parseInt(a, 8);
        b = parseInt(b, 16);

        console.log(a);
        console.log(b);

JS类型转换

3.parseFloat()

原理与parseInt()相同,只不过此时通过这个方法,可以将有小数点的字符串转换为有小数点的数字型,此类方法不可以指定进制,只能转为十进制

        let a = '18.123';
        let b = '12.38dddd';
        let c = ' 12';
        let d = '';
        let e = '5.67'

        a = parseFloat(a);
        b = parseFloat(b);
        c = parseFloat(c);
        d = parseFloat(d);
        e = parseFloat(e);

        console.log(a);
        console.log(b);
        console.log(c);
        console.log(d);
        console.log(e);

JS类型转换

 4.隐式转换

通过与数字型数字进行减法,除法,乘法运算,可以将其转换为数字型,可以理解为系统自动先使用Number(),对需要转换的值进行转换后再与数字型相运算,Number()中转换为NaN的类型,使用隐式转换仍为NaN

        let a = '18123';
        let b = '12dddd';
        let c = null;
        let d = true;

        a = a * 1;
        b = b - 1;
        c = c - 1;
        d = d / 1;

        console.log(a);
        console.log(b);
        console.log(c);
        console.log(d);

JS类型转换

 三.转为布尔型

1)Boolean()

其他类型通过这个方法,均可以转换为true或者false,空字符串,null,undefined,NaN,0均转为false,其他的全为true。

        let a = '18';
        let b = 12;
        let c;
        let d = '';
        let e = null;

        a = Boolean(a);
        b = Boolean(b);
        c = Boolean(c);
        d = Boolean(d);
        e = Boolean(e);

        console.log(a);
        console.log(b);
        console.log(c);
        console.log(d);
        console.log(e);

JS类型转换文章来源地址https://www.toymoban.com/news/detail-467743.html

到了这里,关于JS类型转换的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • javaee springMVC数字类型转换之通过注解的方式

    在属性上增加注解 @NumberFormat(pattern = “#,#.#”) 添加mvc:annotation-driven/mvc:annotation-driven

    2024年02月09日
    浏览(40)
  • javaee springMVC日期类型转换之通过注解的方式

    在spring配置文件中增加mvc:annotation-driven/mvc:annotation-driven 在属性上添加注解 @DateTimeFormat(pattern = “yyyy-MM-dd”) private Date birthday;

    2024年02月09日
    浏览(57)
  • 【使用moment.js将字符串类型的日期转换为date类型】

    后端存储的时间类型为字符串类型,前端DatePicker组件展示时需要转换为日期类型。 需要处理的日期: ‘01-30-2023’ 处理后的时间: momentObj 即为datePicker组件展示所需格式,时间格式如上图。

    2024年02月17日
    浏览(61)
  • web前端框架JS学习之JavaScript类型转换

    vascript有多种数据类型,如字符串、数字、布尔等,可以通过typeof语句来查看变量的数据类型。数据类型转换就是数据类型之间相互转换,比如把数字转成字符串、把布尔值转成字符串、把字符串转成数字等,这在工作也是经常碰到的。 本期我们就给大家说说web前端框架JS学

    2024年02月10日
    浏览(64)
  • 安全审计是什么?分为哪几种类型?

    信息系统安全审计是评判一个信息系统是否真正安全的重要标准之一。通过安全审计收集、分析、评估安全信息、掌握安全状态,制定安全策略,确保整个安全体系的完备性、合理性和适用性,才能将系统调整到“最安全”和“最低风险”的状态。 安全审计的目的在于: 对

    2024年02月08日
    浏览(53)
  • python中的类型转换

    所谓的类型转换,将一个类型的对象转换为其他对象。 类型转换不是改变对象本身的类型,而是将对象的值转换为新的对象。 类型转换四个函数 int() 、 float() 、 str() 、 bool() int() 可以用来将其他的对象转换为整型 规则 布尔值:True - 1 False - 0 浮点数:直接取整,省略小数点

    2024年02月05日
    浏览(45)
  • Golang中的类型转换介绍

    Golang中存在4种类型转换,分别是:断言、显式、隐式、强制。下面我将一一介绍每种转换使用场景和方法 主要是判断变量是否可以转换成某一类型。断言主要用于变量是interface{}类型(接口类型)的情况,且变量值必须与要转换类型一致。可以细分为2种使用方式 普通断言

    2024年02月07日
    浏览(37)
  • C++中的类型转换函数

    在C++编程中,我们经常需要在不同的数据类型之间进行转换。C++提供了一种特殊的成员函数,叫做类型转换函数,可以让我们自定义类型之间的转换规则。在本文中,我们将详细介绍类型转换函数的定义、使用和注意事项。 类型转换函数是C++中的一个特性,它允许将当前类的

    2024年02月19日
    浏览(33)
  • python中的强制类型转换

    python内提供了几种称为强制类型转换的函数,可以将一个变量的类型强制转换为另一种类型。比如,整型-浮点型,列表-元组。 我们在之前已经学习了很多种数据类型 · 整型 int · 浮点型 float · 字符串型 str · 列表list · 元组tuple · 字典dict · 集合set 在一定条件下,其中的几

    2024年02月06日
    浏览(34)
  • C#中的数据类型转换

    开发工具与关键技术: MVC 撰写时间:2021/8/18 下面我们来讲C#中数据类型的转换; 1.C#中的数据类型转换分为两种:隐式类型转换以及显式类型转换; (1)隐式类型转换:将存储范围小的数据类型直接转换为存储范围大的数据类型。 例如: 隐式转换大致分为以下几种: 隐式

    2023年04月08日
    浏览(55)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包