开发者社区> 游客x2neqpmkqiuce> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

JavaScript 数据类型与类型转换

简介: JavaScript 数据类型与类型转换
+关注继续查看

❤觉得这篇文章还不错的话点个关注吧!❤

JavaScript 数据类型

值类型(基本类型):

  • 字符串(String)
  • 数字(Number)
  • 布尔(Boolean)
  • 空(Null)
  • 未定义(Undefined)
  • Symbol

注:Symbol 是 ES6 引入了一种新的原始数据类型,表示独一无二的值

Null和Undefined的区别

简单理解,Null 表示一个对象被定义了, 值为"空值",可以通过将变量的值设置为 Null 来清空变量; Undefined 表示变量不含有值。

typeof undefined        //返回undefined
typeof null             //返回object

在验证null时,一定要使用 "===" ,因为 "=="无法分别 Null 和 Undefined

Undefined 表示”缺少值“,就是此处应该有一个值,但是还没有定义,典型用法是:

  1. 变量被声明了,但是没有赋值,就等于 undefined
  2. 调用函数时,应该提供的参数没有提供,该参数等于 undefined
  3. 对象没有赋值的属性,该属性的值为 undefined
  4. 函数没有返回值时,默认返回 undefined

Null 表示“没有对象”,即该处不应该有值,典型用法是:

  1. 作为函数的参数,表示该函数的参数不是对象
  2. 作为对象原型链的终点

引用数据类型(对象类型)

  • 对象(Object)
  • 数组(Array)
  • 函数(Function)

注:正则(RegExp)和日期(Date)属于特殊对象

JavaScript 数据类型转换

typeof 操作符

你可以使用 typeof 操作符来查看 JavaScript 变量的数据类型。

typeof "Hello"                // 返回 string
typeof 4.36                   // 返回 number
typeof NaN                    // 返回 number
typeof false                  // 返回 boolean
typeof [1,2,3,4]              // 返回 object
typeof {name:'John', age:34}  // 返回 object
typeof new Date()             // 返回 object
typeof function () {}         // 返回 function
typeof myFun                  // 返回 undefined (如果 myFun 没有声明)
typeof null                   // 返回 object

JavaScript 类型转换

JavaScript 变量可以转换为新变量或其他数据类型:

  • 通过使用 JavaScript 函数
  • 通过 JavaScript 自身自动转换

将数字转换为字符串

全局方法 String() 可以将数字转换为字符串,该方法可用于任何类型的数字,字母,变量,表达式。

String(x)         // 将变量 x 转换为字符串并返回

Number 方法 toString() 也可以达到以上同样的效果。

x.toString()

注:Number 方法中其他将数字转换为字符串的方法:

方法描述
toExponential()把对象的值转换为指数计数法。
toFixed()把数字转换为字符串,结果的小数点后有指定位数的数字。
toPrecision()把数字格式化为指定的长度。

将字符串转换为数字

全局方法 Number() 可以将字符串转换为数字。

  • 字符串包含数字(如 "3.14") 转换为数字 (如 3.14)
  • 空字符串转换为 0
  • 其他的字符串会转换为 NaN (不是个数字)
Number("4.36")    // 返回 4.36
Number(" ")       // 返回 0
Number("")        // 返回 0
Number("59 60")   // 返回 NaN

注:Number 方法中其他将字符串转为数字的方法:

方法描述
parseFloat()解析一个字符串,并返回一个浮点数。
parseInt()解析一个字符串,并返回一个整数。

以上就是JavaScript中的数据类型的简单介绍以及一些常见的数据类型转换,如有错误,欢迎指出!!!

 

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
JavaScript——JavaScript数据类型转换
JavaScript——JavaScript数据类型转换
14 0
javascript数据类型转换
常用转换方法和巧妙转换方法
37 0
JavaScript基础(一)js环境搭建、变量常量、数据类型及转换、运算符
JavaScript基础(一)js环境搭建、变量常量、数据类型及转换、运算符
55 0
javascript数据类型转换
常用转换方法:   1.数字转换成字符串:     number.toString(radix);返回一个字符串       radix指定将数字值转换为字符串的进制,默认为10进制     number.
517 0
jquery-barcode:js实现的条码打印
这是一个纯js的jQuery插件,项目地址:http://barcode-coder.com/en/barcode-jquery-plugin-201.html 使用示例: 1 doctype html> 2 3 4 jQuery Barcode ...
1185 0
ToolTip效果通过Js实现代替超链接中的title
View Code  1 DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 2  3  4     自定义Tooltip特效 5      6         body ul 7         { 8       ...
900 0
Js实现网站常用的评分效果!
View Code DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">    网站评分特效            *        {            font-size: 50px;        }     ...
718 0
Js实现动态更改Css样式之土豆网开/关灯效果!
 1 DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 2  3  4     开关灯效果 5      6         body 7         { 8             background: #FFF; 9         }10         .
788 0
57
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载