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中的数据类型的简单介绍以及一些常见的数据类型转换,如有错误,欢迎指出!!!

 

相关文章
|
2月前
|
存储 JavaScript 对象存储
js检测数据类型有那些方法
js检测数据类型有那些方法
140 59
|
1月前
|
存储 JavaScript 前端开发
JavaScript 数据类型详解:基本类型与引用类型的区别及其检测方法
JavaScript 数据类型分为基本数据类型和引用数据类型。基本数据类型(如 string、number 等)具有不可变性,按值访问,存储在栈内存中。引用数据类型(如 Object、Array 等)存储在堆内存中,按引用访问,值是可变的。本文深入探讨了这两种数据类型的特性、存储方式、以及检测数据类型的两种常用方法——typeof 和 instanceof,帮助开发者更好地理解 JavaScript 内存模型和类型检测机制。
71 0
JavaScript 数据类型详解:基本类型与引用类型的区别及其检测方法
|
1月前
|
JavaScript 前端开发 开发者
【干货拿走】JavaScript中最全的数据类型判断方法!!!!
【干货拿走】JavaScript中最全的数据类型判断方法!!!!
23 1
|
1月前
|
JavaScript 前端开发 安全
如何处理 JavaScript 中的类型转换错误?
【10月更文挑战第9天】处理类型转换错误需要综合运用多种方法和策略,同时要保持对潜在问题的警惕性。通过合理的错误处理,可以提高程序的健壮性,减少因类型转换错误带来的负面影响。
21 0
|
1月前
|
JavaScript 前端开发
JS隐式类型转换规则
【10月更文挑战第9天】 不同的 JavaScript 引擎可能在隐式类型转换的具体实现上存在一些细微差别。理解这些隐式类型转换规则对于正确处理数据和避免错误非常重要。
18 0
|
1月前
|
存储 JavaScript 前端开发
JavaScript数据类型全解:编写通用函数,精准判断各种数据类型
JavaScript数据类型全解:编写通用函数,精准判断各种数据类型
19 0
|
2月前
|
存储 前端开发 JavaScript
前端基础(三)_JavaScript数据类型(基本数据类型、复杂数据类型)
本文详细介绍了JavaScript中的数据类型,包括基本数据类型(Number、String、Boolean、Undefined、Null)和复杂数据类型(Object),并解释了如何使用`typeof`操作符来识别变量的数据类型。同时,还讨论了对象、函数和数组等复杂数据类型的使用方式。
47 2
|
2月前
|
JavaScript 前端开发
JavaScript基础知识-基本数据类型和引用数据类型
关于JavaScript基础知识的文章,主要介绍了基本数据类型和引用数据类型。
42 2
JavaScript基础知识-基本数据类型和引用数据类型
|
2月前
|
JavaScript 前端开发
JavaScript 类型转换
JavaScript 类型转换
26 4
|
3月前
|
开发者 图形学 开发工具
Unity编辑器神级扩展攻略:从批量操作到定制Inspector界面,手把手教你编写高效开发工具,解锁编辑器隐藏潜能
【8月更文挑战第31天】Unity是一款强大的游戏开发引擎,支持多平台发布与高度可定制的编辑器环境。通过自定义编辑器工具,开发者能显著提升工作效率。本文介绍如何使用C#脚本扩展Unity编辑器功能,包括批量调整游戏对象位置、创建自定义Inspector界面及项目统计窗口等实用工具,并提供具体示例代码。理解并应用这些技巧,可大幅优化开发流程,提高生产力。
364 1
下一篇
无影云桌面