TreeMind树图在线AI思维导图
当前位置:树图思维导图模板IT互联网互联网干货JS基础包装类型思维导图

JS基础包装类型思维导图

  收藏
  分享
免费下载
免费使用文件
大灰 浏览量:32022-11-20 09:48:06
已被使用0次
查看详情JS基础包装类型思维导图

JAVASCRIPT基础知识点——JS基础包装类型

树图思维导图提供 JS基础包装类型 在线思维导图免费制作,点击“编辑”按钮,可对 JS基础包装类型  进行在线思维导图编辑,本思维导图属于思维导图模板主题,文件编号是:7391bd80d4f9aae65117404ce9cc9e8f

思维导图大纲

JS基础包装类型思维导图模板大纲

概述

引用类型与基本包装类型的主要区别就是对象的生存期

Boolean 类型

Boolean 类型是与布尔值对应的引用类型

要创建 Boolean 对象,可以调用 Boolean 构造函数并传入 true 或 false 值。

var booleanObject = new Boolean(true);

Boolean 类型的实例重写了 valueOf() 方法,返回基本类型值 true 或 false

重写了 toString() 方法,返回字符串

Boolean 对象在 JavaScript 中的用处不大,因为它经常会造成人们的误解

Number 类型

Number 是与数字值对应的引用类型

要创建 Number 对象,可以在调用 Number 构造函数时向其中传递相应的数值

var numberObject = new Number(10);

与 Boolean 类型一样,Number 类型也重写了 valueOf()、toLocaleString() 和 toString() 方法

重写后的 valueOf() 方法返回对象表示的基本类型的数值,另外两个方法则返回字符串形式的数值

Number 类型还提供了一些用于将数值格式化为字符串的方法

toFixed() 方法会按照指定的小数位返回数值的字符串表示

用于格式化数值的方法是 toExponential(),该方法返回以指数表示法(也称 e 表示法)表示的数值的字符串形式

toPrecision() 方法可能会返回固定大小(fixed)格式,也可能返回指数(exponential)格式

不建议直接实例化 Number 类型,而原因与显式创建 Boolean 对象一样

String 类型

String 类型是字符串的对象包装类型,可以使用 String 构造函数来创建

var stringObject = new String(

String 对象的方法也可以在所有基本的字符串值中访问到

继承的 valueOf()、toLocaleString() 和 toString() 方法,都返回对象所表示的基本字符串值

String 类型的每个实例都有一个 length 属性,表示字符串中包含多个字符

字符方法

两个用于访问字符串中特定字符的方法是:charAt() 和 charCodeAt()

这两个方法都接收一个参数,即基于0的字符位置

charAt() 方法以单字符字符串的形式返回给定位置的那个字符(JavaScript 中没有字符类型)

charCodeAt()返回字符编码

字符串操作方法

concat

使用加号操作符 + 在大多数情况下都比使用 concat()方法要简便易行(特别是在拼接多个字符串的情况下)

concat() 方法可以接受任意多个参数,也就是说可以通过它拼接任意多个字符串

concat(),用于将一或多个字符串拼接起来,返回拼接得到的新字符串

三个基于子字符串创建新字符串的方法:slice()、substr() 和 substring()

三个方法都会返回被操作字符串的一个子字符串,而且也都接受一或两个参数

第一个参数指定子字符串的开始位置,第二个参数(在指定的情况下)表示子字符串到哪里结束

slice() 和 substring() 的第二个参数指定的是子字符串最后一个字符后面的位置

substr() 的第二个参数指定的则是返回的字符个数

如果没有给这些方法传递第二个参数,则将字符串的长度作为结束位置

与 concat() 方法一样,slice()、substr() 和 substring()也不会修改字符串本身的值,它们只是返回一个基本类型的字符串值,对原始字符串没有任何影响

字符串位置方法

有两个可以从字符串中查找子字符串的方法:indexOf() 和 lastIndexOf()

这两个方法都是从一个字符串中搜索给定的子字符串,然后返子字符串的位置(如果没有找到该子字符串,则返回-1)

indexOf() 方法从字符串的开头向后搜索子字符串,而 lastIndexOf() 方法是从字符串的末尾向前搜索子字符串

trim() 方法

ECMAScript 5 为所有字符串定义了 trim() 方法

这个方法会创建一个字符串的副本,删除前置及后缀的所有空格,然后返回结果

字符串大小写转换方法

JavaScript 中涉及字符串大小写转换的方法有4个:toLowerCase()、toLocaleLowerCase()、toUpperCase() 和 toLocaleUpperCase()

toLowerCase() 和 toUpperCase() 是两个经典的方法,借鉴自 java.lang.String 中的同名方法

toLocaleLowerCase() 和 toLocaleUpperCase() 方法则是针对特定地区的实现

字符串的模式匹配方法

match()

match(),在字符串上调用这个方法,本质上与调用 RegExp 的 exec() 方法相同

match() 方法只接受一个参数,要么是一个正则表达式,要么是一个 RegExp 对象

search()

用于查找模式

这个方法的唯一参数与 match() 方法的参数相同:由字符串或 RegExp 对象指定的一个正则表达式

search() 方法返回字符串中第一个匹配项的索引;如果没有找到匹配项,则返回-1

search() 方法始终是从字符串开头向后查找模式

replace() 方法

这个方法接受两个参数:第一个参数可以是一个 RegExp对象或者一个字符串(这个字符串不会被转换成正则表达式),第二个参数可以是一个字符串或者一个函数

如果第一个参数是字符串,那么只会替换第一个子字符串

要想替换所有子字符串,唯一的办法就是提供一个正则表达式,而且要指定全局 g标志

split()

这个方法可以基于指定的分隔符将一个字符串分割成多个子字符串,并将结果放在一个数组中

分隔符可以是字符串,也可以是一个 RegExp 对象(这个方法不会将字符串看成正则表达式)

split() 方法可以接受可选的第二个参数,用于指定数组的大小,以便确保返回的数组不会超过既定大小

localeCompare() 方法

这个方法比较两个字符串,并返回下列值中的一个

如果字符串在字母表中应该排在字符串参数之前,则返回一个负数(大多数情况下是-1,具体的值要视实现而定);

如果字符串等于字符串参数,则返回0;

如果字符串在字母表中应该排在字符串参数之后,则返回一个正数(大多数情况下是1,具体的值同样要视实现而定)

fromCharCode() 方法

这个方法的任务是接收一或多个字符编码,然后将它们转换成一个字符串

从本质上来看,这个方法与实例方法 charCodeAt() 执行的是相反的操作

相关思维导图模板

工程材料及其成型基础(第三版)机械工业出版社思维导图

树图思维导图提供 工程材料及其成型基础(第三版)机械工业出版社 在线思维导图免费制作,点击“编辑”按钮,可对 工程材料及其成型基础(第三版)机械工业出版社  进行在线思维导图编辑,本思维导图属于思维导图模板主题,文件编号是:f8985827f61987390c5a472229a5f0f0

数据服务商的类型与功能思维导图

树图思维导图提供 数据服务商的类型与功能 在线思维导图免费制作,点击“编辑”按钮,可对 数据服务商的类型与功能  进行在线思维导图编辑,本思维导图属于思维导图模板主题,文件编号是:033bce95b9b293cd9538387b10b4a2b7