JavaScript数据类型详解

简介: 本文目录1. 数据类型识别2. 识别代码

1. 数据类型识别

typeof运算符可以获取值得数类型


==运算符可以判断左右两边值是否相等,不建议使用,因为Javascript中对值相等的判断挺恶心


===运算符是判断左右两边值和类型是否都相等,强烈建议使用这个,精准!不容易出毛病


#理论基础


Javascript中的数据类型6种:


number 数字类型

string 字符串类型

boolean 布尔类型

object 对象类型

function 函数类型

undefined 未知类型

2. 识别代码

以下代码请放在js文件中运行,请打开浏览器F12开发者工具查看输出结果。


console.log(typeof(1));//输出number 数字类型

console.log(typeof(1.0));//输出number 也是数字类型 看来Javascript中所有数字是一个类型,不区分整数、浮点数什么的

console.log(1==1.0);//输出true,1和1.0值相等,毫无疑问

console.log(1===1.0);//输出true,1和1.0类型也相等,再次验证了Javascript中所有数字是一个类型


console.log(typeof(NaN));//输出number,NaN在Javascript中表示非正常的运算结果,既然是运算结果,也是数字类型范畴

console.log(isNaN("a"/3));//输出true,一个字符串除以3,结果不正常,

console.log(NaN==NaN);//两个不正常无法描述的数字,他们自己也不相等


console.log(typeof("1"));//输出string ,字符串类型,毫无技术含量

1

console.log(typeof(true));//输出boolean ,布尔类型真,表示判断为真

console.log(typeof(false));//输出boolean


console.log(typeof(null));//输出object,null表示一个空对象

console.log(typeof(new Object()));//输出object,一个正常对象

console.log(typeof({}));//输出object,一个正常对象,写法特殊了点

console.log(typeof({"a":"1"}));//输出object,一个正常对象,该对象拥有属性a

console.log(typeof({a:"1"}));//输出object,一个正常对象,该对象拥有属性a

// 注意:{"a":"1"}是标准的通过对象字面量定义对象的方法,但是Javascript语法中没有对属性名做强制要求必须添加引号,所以{a:"1"}这个写法也OK。可见Javascript自由度相当大


console.log(typeof(alert));// 输出function,这个是window.alert函数

function xxx(){}//自定义了一个函数

console.log(typeof(xxx));//输出function,毫无技术含量


console.log(typeof(yyy));//输出undefined,不知道yyy哪里来的,未知类型

zzz=1;

console.log(typeof(zzz));//输出number,数字类型,因为赋值过,所以Javascript很聪明的知道了数据类型,厉害

相关文章
|
2月前
|
存储 JavaScript 对象存储
js检测数据类型有那些方法
js检测数据类型有那些方法
140 59
|
3月前
|
JavaScript
js基础数据类型
js基础数据类型
30 1
|
1月前
|
存储 JavaScript 前端开发
JavaScript 数据类型详解:基本类型与引用类型的区别及其检测方法
JavaScript 数据类型分为基本数据类型和引用数据类型。基本数据类型(如 string、number 等)具有不可变性,按值访问,存储在栈内存中。引用数据类型(如 Object、Array 等)存储在堆内存中,按引用访问,值是可变的。本文深入探讨了这两种数据类型的特性、存储方式、以及检测数据类型的两种常用方法——typeof 和 instanceof,帮助开发者更好地理解 JavaScript 内存模型和类型检测机制。
71 0
JavaScript 数据类型详解:基本类型与引用类型的区别及其检测方法
|
1月前
|
JavaScript 前端开发 开发者
【干货拿走】JavaScript中最全的数据类型判断方法!!!!
【干货拿走】JavaScript中最全的数据类型判断方法!!!!
22 1
|
1月前
|
存储 JavaScript 前端开发
JavaScript数据类型全解:编写通用函数,精准判断各种数据类型
JavaScript数据类型全解:编写通用函数,精准判断各种数据类型
18 0
|
2月前
|
存储 前端开发 JavaScript
前端基础(三)_JavaScript数据类型(基本数据类型、复杂数据类型)
本文详细介绍了JavaScript中的数据类型,包括基本数据类型(Number、String、Boolean、Undefined、Null)和复杂数据类型(Object),并解释了如何使用`typeof`操作符来识别变量的数据类型。同时,还讨论了对象、函数和数组等复杂数据类型的使用方式。
46 2
|
2月前
|
JavaScript 前端开发
JavaScript基础知识-基本数据类型和引用数据类型
关于JavaScript基础知识的文章,主要介绍了基本数据类型和引用数据类型。
41 2
JavaScript基础知识-基本数据类型和引用数据类型
|
3月前
|
JavaScript 前端开发
JavaScript基础&实战(1)js的基本语法、标识符、数据类型
这篇文章是JavaScript基础与实战教程的第一部分,涵盖了JavaScript的基本语法、标识符、数据类型以及如何进行强制类型转换,通过代码示例介绍了JS的输出语句、编写位置和数据类型转换方法。
JavaScript基础&实战(1)js的基本语法、标识符、数据类型
|
3月前
|
开发者 图形学 开发工具
Unity编辑器神级扩展攻略:从批量操作到定制Inspector界面,手把手教你编写高效开发工具,解锁编辑器隐藏潜能
【8月更文挑战第31天】Unity是一款强大的游戏开发引擎,支持多平台发布与高度可定制的编辑器环境。通过自定义编辑器工具,开发者能显著提升工作效率。本文介绍如何使用C#脚本扩展Unity编辑器功能,包括批量调整游戏对象位置、创建自定义Inspector界面及项目统计窗口等实用工具,并提供具体示例代码。理解并应用这些技巧,可大幅优化开发流程,提高生产力。
354 1
|
3月前
|
JavaScript 前端开发
JS常用数据类型转换(数字型和字符串型之间转换)
JS常用数据类型转换(数字型和字符串型之间转换)
62 2