为了账号安全,请及时绑定邮箱和手机立即绑定
首页 手记 【九月打卡】第17天数据类型简介相关知识总结

【九月打卡】第17天数据类型简介相关知识总结

2022.09.21 08:54 81浏览

一、课程概述

1、学习课程名称:前端工程师2022版

2、章节名称:JS数据基本类型第一章至第三章

(1-1 课程简介-慕课网体系课 (imooc.com))

3、讲师名称:一阶段老师


二、内容分享

1、JS中的两大类数据类型

(1)基本数据类型:Number、String、Boolean、Undefined、Null

(2)复杂数据类型:Object、Array、Function、RegExp、Date、Map、Set等等

2、typeof运算符:可以检测值或者变量的类型,它不是函数

typeof 5; //number

typeof '慕课网'; //string

(1)在页面检查的console控制面板可以直接输入typeof

(2)在HTML编辑器中需要添加输出语句console.log(typeof 5);否则会无效,除非是浏览器环境测试REPL

3、5种基本数据类型的typeof检测结果

https://img4.sycdn.imooc.com/632a5fd90001390705390177.jpg 

(一)Number(数字)类型

1、所有数字不分大小、不分整浮、不分正负,都是数字类型,如925、3.13、-6,数字类型是没有子类型的

2、小数中0可以省略:如.5

3、科学计数法:较大数或较小数(绝对值较小)可以写成科学计数法,如3e8表示300000000,3e-4表示0.0003

4、不同进制的数字:

(1)二进制数值以0b开头,如0b10表示2,0b1111表示15

(2)八进制数值以0开头,如017表示15

(3)十六进制数值以0x开头,如0xf表示15

5、一个特殊的数字型值NaN:not a number,表示”不是一个数“,但是它是一个数字类型的值,记住是值不是类型:

(1)0除以0的结果是NaN

(2)若结果不能得到数字,其结果往往都是NaN,如:'我'*'你'

(3)性质:不自等NaN==NaN 输出结果是false

6、Infinity

(1)表示无穷大

(2)非零数字除以0时,结果是Infinity或-Infinity

(3)Infinity本身是一个数字类型

(4)使用typeof检测Infinity的类型是number

(二)String(字符串)类型

1、字符串就是”人类的自然语言“,必须使用引号包裹,双引号单引号均可

2、与数字在语义上区分:数字11表示一个数量,字符串'11'表示一个文本

3、使用+拼接字符串:'imo'+'oc' //'imooc'

4、字符串和变量拼接:新版ES中增加了反引号表示法,可以更方便进行变量插值

5、斩断链接:要将一个变量的值插入到字符串中,要斩断链接,如例子中的year

var year=2022;

Var str=’北京在’+year+’年举办冬奥会’;

6、空字符串:直接书写闭合的引号对即可,如var str='';

7、length属性:表示字符串的长度

'我喜欢JS'.length     //5

''.length     //0

'我喜欢JS,我也喜欢HTML'.length    //14

8、常用方法(即能够打点调用的函数)

(1)charAt()方法:可以得到指定位置的字符,序号从0开始,如果访问数字超过了字符长度,将输出空字符串

(2)三种截取字符串的方法:

1)substring(a,b)方法:得到从a开始到b结束(不包括b处)的子字符串

   ①如果省略第二个参数,返回的子串会一直到字符串的结尾

   ②a可以大于b,数字顺序将自动调整为小数在前,和小数在前的结果相同

2)substr(a,b)方法:将得到从a开始的长度为b的子串

    ①b可以省略,表示到字符串的结尾,这一点与substring相似

    ②a可以是负数,表示倒数位置

3)slice(a,b)方法:表示切片,得到从a开始到b结束(不包括b处)的子串

   ①与substring相似,但是slice(a,b)中的a可以为负数,substring参数不可以为负数

    ②参数a必须小于参数b,而substring可以自己交换参数位置

    ③substr()方法可以截取字符串,它有两个参数,第一个参数是必须有的,代表截取的起始位置,当它为负数时,与字符串长度相加,获取的就是值就是起始位置,第二个参数代表截取的字符总数,当第二个参数为负数时,返回空字符串。

4)三个方法对比总结

 https://img3.sycdn.imooc.com/632a5fee0001747008130458.jpg

(4)toUpperCase()方法:将字符串转为大写

(5)toLowerCase()方法:将字符串转为小写

注意:就算大小写混合,也可以全部转为大写/小写

(6)indexOf()方法:,表示……的序号,将返回某个指定的字符串值在字符串中首次出现的位置,如果检索的字符串没有出现,则返回-1,注意括号中的字符串需要用引号包裹

(三)Boolean(布尔)类型

(1)表示真true和假false的类型

(2)true和false就是两个特殊值,所以不需要引号包裹,如果加上引号就变成字符串了

(1)在进行关系运算和逻辑运算时可以用到:如3<5 //true

(四)Undefined类型

(1)注意不要加引号,不然会变成字符串

(2)在变量声明提升的时候,undefined会出现

(五)null类型

(1)表示“空”,它是“空对象”

(2)当需要将对象销毁、数据销毁或者删除事件监听时,通常将他们设置为null,如box.onclick=null;

(3)需要注意检测null类型的结果时Object(对象),所以需要注意类型和typeof检测结果并不总是一一对应的


三、学习心得

今天学习的内容中,关于substring()、substr()和slice()的使用很容易搞混,要多去敲几遍代码,把它们三个的使用方法和使用场景区分开来


点击查看更多内容
0人点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
手记
粉丝
0
获赞与收藏
0

关注TA,一起探索更多经验知识

同主题相似文章浏览排行榜

风间影月说签约讲师

50篇手记,涉及Java、MySQL、Redis、Spring等方向

进入讨论

Tony Bai 说签约讲师

146篇手记,涉及Go、C、Java、Python等方向

进入讨论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消