美文网首页
JS数据类型转换

JS数据类型转换

作者: 青花_490e | 来源:发表于2018-12-18 17:36 被阅读0次

JavaScript是一种动态类型语言,变量没有类型限制,可以随时赋予任意值,而在参与运算的时候,内部会进行一系列的转换,所以,我们需要搞清楚这些类型之间的转换规则,避免出现未预知的bug。
一、Number函数,转换为数值
Number函数可以将任意类型的值转换成数值,Number函数接受的参数可以分两种情况来看待:原始类型,对象。
原始类型的值
原始类型的值主要是字符串、布尔值、undefined和null,它们都能被Number转化成数值或NaN。

        // 数值:转换后还是原来的值
          Number(111) // 111
        // 字符串:如果可以被解析为数值,则转换为对应的数值
          Number('223') //223
        // 字符串:如果不可以被解析为数值,返回NaN
          Number('233dfsa')// NaN
        // 空字符串转换为0
          Number('')// 0
        // 布尔值true转换为1,false转换为0
          Number(true)// 1
          Number(false) // 0
          Number(undefined) // NaN
          Number(null) // 0 

Number函数相对于parseInt函数严格点,只要有一个字符无法转化为数值,整个字符串就返回NaN。

           Number('324 34243')// NaN
           parseInt('324 34243')// 324

parseInt逐个解析字符,而Number函数整体转换字符串类型,他们都会过滤字符串的前导和后缀字符。
当Number函数的参数是对象时,将返回NaN,除非是包含单个数值的数组。

          Number({a: 1}) // NaN
          Number([1, 2, 3]) // NaN
          Number([5]) // 5

二、String函数,转换为字符串
也可以分为原始类型和对象来分析
原始类型值
转换后都为字符串

           String(123) // "123"
           String('abc') // "abc"
           String(true) // "true"
           String(undefined) // "undefined"
           String(null) // "null"

对象类型
String方法的参数如果是对象,返回一个类型字符串

       var a = {a: 1};
       a.toString(); // "[object Object]"

如果是数组,返回该数组的字符串形式。

       a = [[3, 3], [2, 3]];
       a.toString(); // "3,3,2,3"

String 函数的规则:

先调用自身的toString方法,如果返回原始类型的值,则对该值使用String函数
如果toString方法返回的是对象,再调用原对象的valueOf方法,如果valueOf方法返回原始类型的值,则对该值使用String函数。
如果valueOf方法返回的是对象,就报错。

Boolean函数,转换为布尔值
除了一下六个值为false,其他的都为true

       undefined
       null
       0、-0或+0
       NaN
       ‘’(空字符串)
       flase

注意: 所有对象(包括空对象)的转化结果都是true,甚至连false对应的布尔对象new Boolean(false)也是true。

相关文章

  • 2、强制数据类型转换

    数据类型转换: 在js中,数据类型的转换有两种,分别是自动转换和强制转换 自动转换: 自动转换是用JS进行某些操作...

  • JS里的数据类型转换

    在js中,数据类型转换分为显式数据类型转换和隐式数据类型转换。 1, 显式数据类型转换 a:转数字: 1)Numb...

  • javaScript中数据类型转换方法

    JS 数据类型转换 方法主要有三种 转换函数、强制类型转换、利用js变量弱类型转换。 1. 转换函数: js提供了...

  • 数据类型转换

    JS 数据类型转换 方法主要有三种 转换函数、强制类型转换、利用js变量弱类型转换。 1. 转换函数: js提供了...

  • JavaScript的显式转换和隐式转换

    js的显式转换和隐式转换都是数据类型的转换;js的数据类型是弱类型的,即可以给变量赋值为任意的数据类型,当进行运算...

  • JS隐式数据类型转换

    隐式数据类型转换介绍 前面有总结过 JS数据类型转换 Number(), toString(), parseInt...

  • JS的基本小结

    JS基本输出方式 JS数据类型 变量 常量 变量常量小练习 声明提前 隐式转换 显示转换/强制转换

  • JavaScript学习笔记.md

    学习材料————廖雪峰js教程 数据类型 ===与== == 自动转换数据类型再比较;=== 不转换类型 (更好...

  • JavaScript基础总结

    ✍目录总览:(JS概念与组成、JS格式规范、JS基本语法【输入、输出、变量、数据类型、数据类型转换、运算符、流程控...

  • JS里的数据类型转换

    上一篇文章(JS里的数据类型)介绍了js中的数据类型。这篇主要介绍数据类型转换。 一、任意类型转字符串 转换成st...

网友评论

      本文标题:JS数据类型转换

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