欢迎来到 百色市某某机电设备有限公司
全国咨询热线:020-123456789
联系我们

地址:联系地址联系地址联系地址

电话:020-123456789

传真:020-123456789

邮箱:admin@aa.com

新闻中心
JavaScript系列之JS数据类型,6大基本数据类型
  来源:百色市某某机电设备有限公司  更新时间:2024-05-08 18:31:05

JavaScript系列之JS数据类型,6大基本数据类型


JavaScript系列之JS数据类型
	,6大基本数据类型


JavaScript系列之JS数据类型
,6大基本数据类型

点击上方蓝字关注我,据类基本每周一 、类型三 、系列型五早上 09:00准时推送 ,数数据每月不定期赠送技术书籍 。据类基本

后台回复“资源” 、类型“测试工具包”领取测试资源,系列型回复“交流群”、数数据“内推群”一起进群打怪 。据类基本

Hi,类型大家好 ,系列型我是数数据CoCo。上一篇JS系列文章:JavaScript系列之JS基本语法 ,据类基本了解JS语法 ,包括注释、执行顺序  、常量/变量 、标识符/关键词/保留字等。


每种编程语言都有其支持的数据类型 ,不同的数据类型用来存储不同的数据 ,比如文本 、数值、图像等。


今天介绍JS基本数据类型,JavaScript中的数据有如下几种:

  • 基本类型:字符串(String) 、数字(Number) 、布尔(Boolean) 、空(Null)  、未定义(Undefined)、符号(Symbol) 。
  • 引用数据类型(对象类型) :对象(Object)、数组(Array) 、函数(Function) 。还有两个特殊的对象 :正则(RegExp)和日期(Date) 。
JavaScript系列之JS数据类型,6大基本数据类型



字符串(String)


1简介


字符串(String)是存储字符的变量 ,是由Unicode字符、数字 、标点符号等组成的序列 ,字符串可以是引号中的任意文本  ,可以使用单引号''或双引号""。如 'CoCo' 、"Cc2015123" 。


2 用法


(1) 字符串基本表示

单引号或双引号表示:字符串型数据是包含在单引号或双引号中  。

<!DOCTYPE html>n<html lang="en">n<head>n <meta charset="UTF-8">n <title>JS基本数据类型-ITester软件测试小栈</title>n</head>n<body>n<script>n var str1='coco'; // 单引号n var str2="ITester"; //双引号n console.log(str1)n alert(str2)n</script>n</body>n</html


输出结果如下所示 :

JavaScript系列之JS数据类型,6大基本数据类型


(2) 基本表示字符串转义

定义字符串时,如果字符串中包含引号 ,可以使用反斜杠来转义字符串中的引号  ,或者选择与字符串中不同的引号来定义字符串。

<!DOCTYPE html>n<html lang="en">n<head>n <meta charset="UTF-8">n <title>JS基本数据类型-ITester软件测试小栈</title>n</head>n<body>n<script>n var str3 = "ITeter's Zone."; // 双引号中包含单引号n var str4 = 'CoCo said "Hello" to tester.'; // 单引号中包含双引号n var str5 = 'We'll be together forever ❤️!'; // 使用反斜杠转义字符串中的单引号n alert(str3)n alert(str4)n alert(str5)n</script>n</body>n</htm


输出结果如下所示  :

JavaScript系列之JS数据类型,6大基本数据类型


转义字符()也可用于在字符串中插入其他特殊字符。其他六个 JavaScript 中有效的转义序列:

代码

用途

b

退格键

f

换页

n

换行

r

回车

t

水平制表符


(3) 字符串长度

内建属性 length 可返回字符串的长度 。

<!--字符串长度-->n var txt = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";n var sln = txt.length;n console.log(sln)


输出结果如下所示 :

JavaScript系列之JS数据类型,6大基本数据类型




数值(Number)


1简介


数值(Number)是最基本的数据类型 ,JavaScript和其他程序设计语言(如C和Java)的不同之处在于 ,它不区别整型数值和浮点型数值,统一使用 Number 类型表示 。


2用法

(1) 数值基本表示

定义两个数字 ,并查看结果及类型 ,如下所示:

<!--数值(Number)-->n var age=18 //整数n var height=168.5 //浮点数n alert("你今年"+age+"岁!");n alert("身高"+height);n <!--查看变量类型-->n console.log(typeof age); //numbern console.log(typeof height); //number


输出结果如下所示:

JavaScript系列之JS数据类型,6大基本数据类型


(2) 数值范围

Number 类型所能定义的数值并不是无限的,JavaScript 中的 Number 类型只能表示 -(253 - 1) 到 (253 -1) 之间的数值 ,可以用Number.MAX_VALUE查看最大值 。

<!--查看最大的数值-->n console.log(Number.MAX_VALUE); //1.7976931348623157e+30


(3) 数值的特殊值

另外 ,Number 类型中还有一些比较特殊的值,分别为 Infinity、-Infinity 和 NaN ,其中

  • Infinity:用来表示正无穷大的数值 ,一般指大于 1.7976931348623157e+308 的数;
  • -Infinity :用来表示负无穷大的数值 ,一般指小于 5e-324 的数;
  • NaN:即非数值(Not a Number 的缩写),用来表示无效或未定义的数学运算结构,例如 0 除以 0。

<!-- NAN -->n a="coco" * "ITester"n console.log(a); //NaNn console.log(typeof a); //NaN是number类


布尔(Boolean)


1简介

布尔(Boolean)只有两个值:true (真)或 false(假) ,用来说明是真还是假,在条件判断时使用的比较多 。



2用法

JavaScript在必要时会将true转换成1 ,将false转换成0。

<!-- Boolean 类型 -->n var a = true; // 定义布尔值 truen var b = false; // 定义布尔值 falsen var c = 2 > 1; // 表达式 2 > 1 成立,其结果为“真(true)” ,所以 c 的值为布尔类型的 truen var d = 2 < 1; // 表达式 2 < 1 不成立,其结果为“假(false)” ,所以 c 的值为布尔类型的 falsen n console.log(typeof a); //boolean



空值(Null)


1简介


空值(Null) 是一个特殊的值 ,表示为空值 ,用于定义空的或不存在的引用 。如果试图引用一个没有定义的变量 ,则返回一个null值。


2用法


使用 typeof 操作符来查看 Null 的类型,会发现 Null 的类型为 Object ,说明 Null 其实使用属于 Object(对象)的一个特殊值。因此通过将变量赋值为 Null 我们可以创建一个空的对象 。

var a=null;n console.log(typeof a); //object


输出结果如下所示 :

JavaScript系列之JS数据类型	
,6大基本数据类型

需要注意的是  ,null不等同于空的字符串(" ")或0。


未定义(Undefined)



1简介


未定义(Undefined )也是一个只有一个值的特殊数据类型,表示未定义 。当我们声明一个变量但未给变量赋值时 ,这个变量的默认值就是 Undefined 。


2用法


对于未声明的变量 ,使用 typeof 操作符查看其类型会发现 ,未声明的变量是 undefined。

var num;n console.log(num); // 输出 undefined


输出结果如下所示:

JavaScript系列之JS数据类型,6大基本数据类型

null与undefined的区别是:null表示一个变量被赋予了一个空值 ,而undefined则表示该变量尚未被赋值 。


符号(Symbol)



1简介


Symbol是 ECMAScript6 中引入的一种新的数据类型,表示独一无二的值。


2用法

Symbol 类型的值需要使用 Symbol() 函数来生成。

var str = "CoCo";n var sym1 = Symbol(str);n var sym2 = Symbol(str);n console.log(sym1); // 输出 Symbol(CoCo)n console.log(sym2); // 输出 Symbol(CoCo)n console.log(sym1 == sym2); // 输出 false  :虽然 sym1 与 sym2 看起来是相同的,但实际上它们并不一样,根据 Symbol 类型的特点,sym1 和 sym2 都是独一无二的


输出结果如下所示 :

JavaScript系列之JS数据类型�,6大基本数据类型


以上就是今天的分享,如果大家想要获取今天以及后续的JS代码,可以在后台回复“JS代码”,持续更新JavaScript系列 。

JavaScript系列之JS数据类型	,6大基本数据类型




以上

That‘s all

更多系列文章

敬请期待




我是CoCo ,计算机科学与技术专业 ,95后深漂大厂互联网民工(女),坐标深圳  。5年工作经验 ,3年持续输出技术文。Boss直聘好文社区签约作者,腾讯云社区优质创作者。专注于软件测试技术和宝藏干货分享 ,每周准时更新原创技术文章 ,每月不定期赠送技术书籍,愿我们在更高处相逢。喜欢记得星标⭐我,每周及时获得最新推送 ,第三方转载请注明出处。

JavaScript系列之JS数据类型	,6大基本数据类型


JavaScript系列之JS数据类型,6大基本数据类型

友情链接查尔斯国王的王冠长啥样? 附带加冕礼流程及线路图!你心中的最佳美剧单集以及选择的标准是什么?无限火力无极剑圣怎么出装怎么玩 哪个英雄让你最头疼皎月女神戴安娜打野攻略:出装加点详解完全竞争的概念是什么?完全竞争有哪些特点?王者荣耀s11赛季什么时候结束 s11赛季结束时间公布明日方舟研磨石速刷攻略 明日方舟研磨石效果详解dnf徽章怎么获得2022-怎么获得方法最快DNF:亿万年升级海博伦面板掉3百力量,详细分析值不值得优先升级C/C++小游戏,贪吃蛇聚跑app 聚跑app,一般又称聚跑交易平台。聚跑APP是一款基于区块链技术打造的运动社交电商平台,人人可以参与的简单便捷运动APP,让更多人爱上运动,让运动更有价值。让创新的 “运动+娱乐+服务+消费” 模式成为一种新态势。金绿猫眼石5大替代品的鉴别方法,猫眼宝石鉴定恶魔城系列游戏顺序WLK前夕:DK马掉率提升200倍,利用变异鱼速刷1分钟1次能推荐几款适合冬天喝的饮料吗?Chaox点评详解 惩戒之箭和其他ADC对比夏天来了,魔兽幻化全隐藏功能让你越来越清凉cf掌上穿越火线积分抽奖技巧[爆料]天刀新捏脸人设曝光,打造古风最美脸!《保卫萝卜2》第94关攻略王者荣耀:战士型打野该练哪一位如何评价《魔兽世界》10.0版本《巨龙军团》?腾讯手游礼包动物作文:我喜欢的小狗阴阳师地域鬼王:通用阵容攻略带你轻松翻山越岭!破碎的剑柄,修复破损剑柄:恢复挥舞利刃的力量青龙刀梦魇异军突起 电刑艾克强势回归 新版本中路英雄评级!pcs是什么计量单位?PCS是什么意思?DNF:夏日套平民入手几套合适?1套性价比最高,3套刃影宠物毕业DNF并非只有史诗能一战,100级装备制作周期盘点其乐早报:VNN: Valve的下一款游戏可能是PC与VR间的跨平台对抗游戏;CSGO新大行动开启LOL888大礼包活动 LOL新手大礼包2022语文点读软件免费下载排行榜 免费的语文点读软件有哪些王国保卫战(Kingdom Rush)一代防御塔解析(包括NPC防御塔)第三次超级机器人大战Z时狱篇生日精神列表《孤胆车神:维加斯》评测:拥抱无尽的罪恶X360暗黑破坏神3:夺魂之镰 硬盘版GOD正版传奇手游英雄合击版本,打怪攻略,从最菜的触龙神到巫妖王dnf死神的气息,DNF有哪些任务可以做出死神的气息魔兽世界怀旧服战士练级天赋及路线(魔兽世界战士练级天赋推荐)
联系我们

地址:联系地址联系地址联系地址

电话:020-123456789

传真:020-123456789

邮箱:admin@aa.com

0.2089

Copyright © 2024 Powered by 百色市某某机电设备有限公司   sitemap