美文网首页
JavaScript——数据类型转换

JavaScript——数据类型转换

作者: leown | 来源:发表于2018-11-29 13:07 被阅读7次

简介

JavaScript 是一种动态类型语言,变量没有类型限制,可以随时赋予任意值。

转化为数值

使用 Number() 方法强制转换

//数值
Number(324) // 324
//字符串
Number('324') // 324
Number('324abc') // NaN
Number('') // 0
Number('\t\v\r12.34\n') // 12.34
//布尔值
Number(true) // 1
Number(false) // 0
// undefined 
Number(undefined) // NaN
// null
Number(null) // 0
// 对象
Number({}) //NaN

使用 parseInt()、parseFloat() 方法转换

详情可见此篇中与数值相关的全局方法详细介绍

使用 ?- 0 方法

null - 0 //0
undefined - 0 //NaN
true - 0 //1
false - 0 //0
'a123' - 0 //NaN
'123a' - 0 //NaN
'   123  ' - 0 //123
{} - 0 //-0

使用 +? 方法

+null //0
+undefined //NaN
+true //1
+false //0
+'a123' //NaN
+'   123 ' //123
+{} //NaN
+{name:1} //NaN

转化为字符串

使用 String() 方法强制转换

String(123) // "123"
String('abc') // "abc"
String(true) // "true"
String(undefined) // "undefined"
String(null) // "null"
String({a: 1}) // "[object Object]"
String([1, 2, 3]) // "1,2,3"
String(['a', 2, 3]) // "a,2,3"

使用 toString() 方法转换

(123).toString() //"123"
(true).toString() //"true"
(false).toString() //"false"
({name:1}).toString() //"[object Object]"

nullundefinedtoString 方法

使用 ? + '' 方法转换

123 + '' //"123"
true + '' //"true"
false + '' //"false"
undefined + '' //"undefined"
null + '' //"null"
{} + '' //0
[]+'' //""
({})+'' //"[object Object]"
({name:1}) + '' //"[object Object]"

转化为布尔值

五个 falsy

undefined
null
0
NaN
'' //空字符串

使用 Boolean() 方法强制转换

Boolean(undefined) // false
Boolean(null) // false
Boolean(0) // false
Boolean(NaN) // false
Boolean('') // false
Boolean({}) // true
Boolean([]) // true
// 其余为 true

使用 !!? 方法转换

!!undefined // false
!!null // false
!!0 // false
!!NaN // false
!!'' // false
!!{} // true
!![] // true

相关文章

  • JS基础

    JavaScript概述 、 JavaScript基础语法 、 变量和常量 、 数据类型 数据类型转换 、 运算符...

  • react-native flex

    javaScript数据类型转换 flexDirection alignltems alignSelf auto ...

  • JS中的类型转换

    JavaScript 中的类型转换 JavaScript 基本数据类型 JavaScript 中的一共有 8 中内...

  • 【JavaScript数据类型转换】

    JavaScript数据类型转换 显示转换 有三个函数可以把字符串转换为数值:Number()、parseInt(...

  • 五 语法专题

    1 数据类型的转换 https://wangdoc.com/javascript/features/convers...

  • 2018-07-02

    数据类型 与 类型转换 javascript语言的数据类型 数值(number):整数和小数(比如1和3.14) ...

  • 2018-04-09

    学习笔记 -- JavaScript if条件及相等运算中的数据转换 1. if(xx) 语句中数据类型的转换 我...

  • javascript数据类型隐式转换

    javascript数据类型隐式转换 一、函数类 isNaN()改函数会对参数进行隐式的Number()转换,如果...

  • Flutter之基本语法一

    一. 基础数据类型 Symbol基础数据类型Symbol 在JavaScript中是将基本数据类型转换为唯一标识符...

  • JavaScript(5.10)②

    数据类型 今天学习了Javascript的 1.隐式转换结论 2.显示...

网友评论

      本文标题:JavaScript——数据类型转换

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