JavaScript红宝书第5章:基本引用类型

简介: 基本引用类型

引用类型是什么?


引用类型又称复杂数据类型,展开就是某个特定引用类型的实例。实例又称为对象,对象通过new操作符后跟一个构造函数来创建,构造函数就是用来创建新对象的函数,例:


let obj=new Object();//普通引用类型
let dat=new Date();//日期引用类型
let reg=new RegExp(/hello/);//正则引用类型
let boo=new Boolean(true);//布尔特殊引用类型
let str=new String('string');//字符特殊引用类型
let num=new Number(100);//数字特殊引用类型


接下来我们展开讲解一下这几个引用类型是语法格式,使用场景,和需要注意的部分。


Date


Date类型早期是参考了Java的java.util.Date,它可以表示一个具体的日期。


创建日期对象:


let dat=new Date();//Thu Sep 28 2023 10:10:52 GMT+0800 (中国标准时间)


常用方法


Date.parse()


这个方法主要作用就是用来判断输入的内容来转换Date对象,比如:

let dat1=new Date(Date.parse("5/23/1990"))//月/日/年
let dat2=new Date(Date.parse("May 5,2019"))//月名 日,年
let dat3=new Date(Date.parse("Tue May 23 2019 00:00:00 GMT-0700"))
//周几 月名 日 年 时:分:秒 时区



同时如果传给Date.parse的不是一个日期,那么就会返回一个Invalid Date 翻译就是无效的日期。


Date.UTC()


UTC和parse返回的参数相同,但是UTC中输入的参数只有年和月是必需的,剩余的可以加也可以不加,月如果是0的话,默认为1。举例:

let dat=new Date(Date.UTC(2000,0))
console.log(dat);



Date.now()


Date.now()就是返回当前时间,举个例子,我们想知道这个函数从开始到结束,需要用到多长时间,可以用Date.now得到这个值。

function Times(){
  return 0;
}
let start=Date.now()
Times()
let stop=Date.now()
let ans=stop-start
console.log(stop-start);



因为这个函数比较简单,所以占用时间甚至不超过1毫秒,所以stop-start等于0.但如果是较难的就会发现。


剩余Date方法简述


toLocalleString和toString方法


toString返回的是包含时区的日期和时间,而toLocalString会返回于浏览器运行的本地环境一致的日期和时间,不包含日期和时间。


getTime、getFullYear、getDate、getMonth方法


getTime和valueof相等,返回一个Date对象的毫秒数。


getFullYear返回年,getDate返回日,getMonth返回月。

const dat = new Date();
const date=dat.getFullYear()+'-'+dat.getMonth()+'-'+dat.getDate()
console.log(date); // 2023-8-28
// Expected output: 8


getMonth因为是从0算起,所以它默认需要进行一个+1操作,才能实现正确数据,同时这个问题是Js存在的问题。


RegExp


正则 与字符串方法search replace split match


ES通过RegExp类型支持正则表达式,创建语法格式:

let reg=/pattern/flags;
let reg=new RegExp(/pattern/)



就比如我们想校验某个字符串里面hello在什么位置,可以调用search方法和正则表达式实现。


let a='abcdhello'
console.log(a.search(/hello/))//4


如果想替换这个字符,可以用replace加这个正则表达式

let a='adhellofafdhello'
while(a.search(/hello/)!=-1){
  a=a.replace(/hello/,'Tom')
}
console.log(a);//adTomfafdTom



在上述代码中,我们想实现替换的操作,search+while进行查询是否还有hello这个字符串,没有search就返回-1。用replace方法实现了hello替换。

也可以通过全局替换/g来进行一个实现。

console.log(reg.replace(/hello/g,'Tom'));


利用split+正则可以实现去除字符和切割的效果


举例:想要去掉某个字符串的所有d字符,后重新拼接在一起。

let reg='abchelloasdasdhelloasd'
let temp=reg.split(/d/)
let ans=''
for(let i=0;i<temp.length;i++){
  ans+=temp[i]
}
console.log(ans);//abchelloasashelloas



在上述代码中,有reg作为字符串变量,我们通过调用split+正则,去把d进行一个切割,然后又用ans+for进行一个拼接操作。


那如果我们想知道这个字符串中到底有多少个d,就可以通过match方法进行查询。

console.log('abchelloasdasdhelloasd'.match(/hello/g).length);//2


正则方法 test exec


let a=new RegExp(/hello/)
console.log(a.test('abchello'));//true
console.log(a.exec('abcdhello'));//['hello', index: 4, input: 'abcdhello', groups: undefined]


在上述代码中,我们首先调用了这个test,test主要是用于判断,这个字符串有没有正则表达式里面的子字符串,有就true,没有就false。


exec方法主要是用于提取第一个正则表达式中的值和所在索引,同时也会返回它的初始值。但是不管这个正则表达式有没有加上全局属性/g,它都只会返回第一个属性值和索引值。多出来的不会返回。




包装对象(Boolean、Number、String)


那么好,在基本数据类型中,有这三种数据类型,可以被new出来,那new出来的数据类型,就变成了包装对象类型,它们也可以调用对应的方法进行使用。同时通过new出来的这三个属性可以被添加新的属性和方法,这也被称为特殊引用类型。


let str1='ddd'
let str2=new String()
str2.color='red'
str1.color='blue'
console.log(str2,str1);//String {'', color: 'red'} 'ddd'
console.log(str2.color,str1.color);//red undefined



在上述代码中可以发现,没有new出来的原始值是无法进行添加属性方法的操作的,new出来的就可以实现,new出来的就变成了包装对象类型也叫特殊引用类型。


这些new出来的特殊引用类型,需要在它们的构造函数里面进行初始值填写,也就是()里面,就比如let boo=new Boolean(true).接下来我们就对这三个特殊引用对象,进行一一的讲解。


Boolean


语法格式:

let boo=new Boolean()


因为所有对象在布尔表达式当中都为true,作为特殊引用类型的Boolean类型也不例外,所以就会出现这样滑稽的一幕。

let boo=new Boolean(false)
let result=boo&&true
console.log(result);//true


除了布尔表达式有问题之外,Boolean实例会重写valueOf方法,toString方法被调用也会被覆盖,同时在进行类型判断的时候大多数的判断结果都是object而不是boolean,所以不建议使用Boolean对象来进行开发。


Number

语法格式

let num=new Number(10)



Number也重写了toString、valueOf方法,它的参数值,主要是用于进制的转换。

let num=new Number(16)
console.log(num.toString(2));//1000
console.log(num.toString(8));//20
console.log(num.toString(16));//10
console.log(num.toString(7));//22
console.log(num,num.valueOf());//Number {16} 16


如果想将数字转换成字符串,number对象类型也提供了toFixed方法,这个方法不仅能转换,还能包含指定小数点位数的数值字符串。


console.log(num.toFixed(10),typeof(num.toFixed(10)));//16.0000000000 string


它还有toExponential,toPrecisionisInteger方法等等,不常用,这里就不赘述了。


String


语法格式:

let str=new String('content')



简述valueOf,toString,toLocalSting,charAt,concat,slice,substr,substring


valueOf,toString,toLocalString这三个方法都能够返回String对象的原始值。

同时它也有length属性,用于判断它当前的长度。可以利用charAt方法来进行输入索引输出索引下的值。js字符串是由16位码元组成。通过charCodeAt方法可以查看指定码元下.拼接字符串用到concat,同时concat可以一次拼接多个字符串,举例

let str=new String('hello')
str=str.concat('world',str)
console.log(str);//helloworldhello



同时想从字符串中提取子字符串可以通过三个方法实现:slice,substr,substring,区别在于,举例说明:

let str=new String('hello')
console.log(str.substr(-1));//o
console.log(str.slice(-1));//o
console.log(str.substring(-1));//hello



substr和slice能转换负数为倒数,而substring会把负数转换成0,输出全部字符串。

再次举例说明如果第二个参数是负数它们之间会发生什么区别

let str=new String('hello world')
console.log(str.substr(3,-4));//''
console.log(str.slice(3,-4));//'lo w'
console.log(str.substring(3,-4));//hel



slice方法将-4转换为7,substring方法转换为0,substring会将两个参数大小作为起点和终点的判断,而substr方法会将第二个参数转换为0,也就是说获取0个字符,返回空。


includes indexOf repeat toLowerCase toUpperCase


includes判断某个字符是否存在于另一个字符。repeat是指可以将该字符串复制多少次,toLowerCase、toUpperCase是指大小写字母。举例说明:

let str='hello World'
let str1='hello'
console.log(str.includes(str1));//true
console.log(str.indexOf(str1),str.indexOf('1'));//0 -1
console.log(str.repeat(2));//hello Worldhello World
console.log(str.toUpperCase(),str.toLowerCase());//HELLO WORLD hello world


常用的还有match,search方法,在正则讲过,这里就不赘述了。


单例内置对象Global


浏览器将window对象实现为Global的代理,所有在全局声明的变量都是window变量。


Math对象


常用方法:min,max,random,ceil(向上取整),floor(向下取整),abs(正数)


当代码开始执行时,全局上下文会存在Global和Math这两个内置对象。前者在浏览器中用window代理,后者主要用于复杂的数学运算。



相关文章
|
2月前
|
存储 JavaScript 前端开发
|
9月前
|
前端开发 JavaScript 索引
前端祖传三件套JavaScript的对象之常用引用类型的RegExp
正则表达式是一种强大的文本处理工具,可以在前端开发中实现许多高效、灵活的文本操作。JavaScript 中的 RegExp 对象给我们提供了一个简单而强大的方式来匹配和搜索字符串。在本文中,我们将深入探讨 JavaScript 正则表达式对象,并介绍其中一些常用的引用类型。
57 0
|
9月前
|
前端开发 JavaScript
前端祖传三件套JavaScript的对象之常用引用类型的Date
在前端开发中,日期和时间处理是不可避免的任务之一,JavaScript 中的 Date 对象提供了一组强大的方法和属性,可以帮助我们更轻松地操作和管理日期和时间。在本文中,我们将深入探讨 JavaScript 日期对象,并介绍其中一些常用的引用类型。
72 0
|
9月前
|
前端开发 JavaScript 索引
前端祖传三件套JavaScript的对象之常用引用类型的Array
作为 JavaScript 的基础之一,数组是前端开发中最常用的数据类型之一。JavaScript 中的 Array 对象提供了一组强大的方法和属性,可以帮助我们更轻松地操作和管理数组。在本文中,我们将深入探讨 JavaScript 数组对象,并介绍其中一些常用的引用类型。
51 0
|
9月前
|
前端开发 JavaScript
前端祖传三件套JavaScript的对象之常用引用类型的Math
在前端开发中,JavaScript 作为一门动态的弱类型编程语言被广泛使用,其内置的庞大对象库给我们带来了很多便利,其中包括了 Math 对象。Math 对象提供了很多数学函数和常量,可以实现各种数学计算,同时也是 JavaScript 中最常用的内置对象之一。 在本文中,我们将深入探讨 JavaScript 的 Math 对象,并介绍其中一些常用的引用类型。
53 0
|
9月前
|
前端开发 JavaScript 索引
前端祖传三件套JavaScript的对象之常用引用类型的String
字符串是 JavaScript 中最常用的数据类型之一,作为 JavaScript 的基础之一,它拥有一系列的函数和方法,可以方便地完成各种字符串操作。在本文中,我们将深入探讨 JavaScript 字符串的对象类型,并介绍其中一些常用的引用类型。
59 0
|
9月前
|
前端开发 JavaScript
前端祖传三件套JavaScript的对象之常用引用类型的Number
在 JavaScript 中,Number 是一种常用的引用类型,它可以用来表示数字,并提供了许多方便的方法来操作这些数据。本文将介绍 Number 引用类型的概念、使用方法以及一些常见的注意事项。
73 0
|
9月前
|
前端开发 JavaScript
前端祖传三件套JavaScript的对象之常用引用类型的Boolean
在 JavaScript 中,Boolean 是一种常用的引用类型,它可以用来表示逻辑上的真和假,并提供了许多方便的方法来操作这些数据。本文将介绍 Boolean 引用类型的概念、使用方法以及一些常见的注意事项。
143 0
|
9月前
|
存储 前端开发 JavaScript
前端祖传三件套JavaScript的对象之常用引用类型的Object
在 JavaScript 中,对象是一种非常重要的数据类型,它可以用来存储和处理复杂的数据结构。在对象中,引用类型 Object 是一种常用的类型,它可以用来封装各种不同类型的数据,并提供了许多方便的方法来操作这些数据。本文将介绍 Object 引用类型的概念、使用方法以及一些常见的注意事项。
61 0

相关产品

  • 云迁移中心