11js内置对象2

包装类

let str = new String('hello');
let num = new Number(11);
let bool = new Boolean(true);
console.log(typeof str, str);
console.log(typeof num, num);
console.log(typeof bool, bool);

let bool2 = new Boolean(true);
console.log(typeof bool2, bool2);
console.log(bool === bool2); //false
//包装类的作用
let str2 = 'hello';
//向原始值添加属性, 创建临时对象( new String() )
str.name = '哈哈';
//读取原始的属性, 再次创建临时对象(两次创建的对象在创建后就销毁了, 因此并不是用一个对象, 所以无法读取name属性返回undefined)
console.log(str2.name);
let num2 = 11;
//调用原始的方法, 创建临时对象( new Number() )
num2 = num2.toString();
console.log(typeof num2, num2);

在js中,除了直接创建原始值外,也可以创建原始值的对象(但一定不要用这种方式创建)

• 通过new String(),可以创建String类型的对象

• 通过new Number(),可以创建Number类型的对象

• 通过new Boolean(),可以创建Boolean类型的对象

js中的包装类(五个):

旧包装类(还可以通过new创建实例)

• String --> 字符串包装为String对象
• Number --> 数值包装为Number对象
• Boolean --> 布尔值包装为Boolean对象

新包装类(js后期新增, 不能通过new创建实例)

• BigInt --> 大整数包装为BigInt对象
• Symbol --> 符号包装为Symbol对象

通过包装类可以将原始值包装成一个对象:

• 当我们对一个原始值调用方法或属性时, js解释器会临时(创建后即销毁)将原始值包装为对应的对象,然后调用这个对象的方法或者属性,且每次调用都会创建临时的对象
• null与undefined无法调用toString,因为他们没有包装类

由于原始值会被临时转换成对应的对象,这就意味着对象中的方法都可以直接通过原始值进行调用

字符串的方法

let str = 'hello HELLO';
let str2 = '123@345@567@789'
//获取字符串的长度
console.log(str.length);
//根据索引获取字符
let re = str[0];
for (let c of str) {
  console.log(c);
}
re = str.at(-2); //可以传递负值
re = str.charAt(1); //不可以传递负值
//用来连接两个或多个字符串
re = str.concat(str, str2)
//检查字符串中是否包含某个字符, 返回布尔值, 第二个参数表示从第几个索引位置检查
re = str.includes('e', 1);
//返回所查字符所在的第一个索引位置, 返回Number
re = str.indexOf('hell'); //从前往后查询
re = str.lastIndexOf('hell'); //从后往前查询
//检查一个字符是否以指定内容结尾
re = str.startsWith('hell'); //从前往后
re = str.endsWith('ello'); // 从后往前
//指定字符串长度, 然后补齐
//指定字符串长度, 然后补齐
re = str.padEnd(15, '@@@'); //补在后面
re = str.padStart(15, '@@@') //补在前面
//使字符串重复, 参数: 重复次数
re = str.repeat(2);
//指定字符, 替换字符串中的内容
re = str.replace('ll', 'kk'); //替换第一个
re = str.replaceAll('ll', 'kk'); //替换全部
//截取字符串
re = str.slice(5, 10);
re = str.substring(10, 5);//参数位置不受限制
re = str.substr(0, 2);//从索引0开始截取2个
//拆分字符串为数组
re = str2.split('@'); //指定要拆掉那个字符
//字符串转换大小写
re = str.toLowerCase(); //转换为小写
re = str.toUpperCase(); //转换为大写
//去除字符串空格
let str3 = '  张 三  '
re = str3.trim(); //去除两边空格
re = str3.trimStart(); //去除开始空格
re = str3.trimEnd(); //去除结尾空格
console.log(typeof re, re);

字符串:

• 字符串其本质就是一个字符数组,因此许多方法与数组类似

正则表达式

//构造函数创建正则表达式对象
let reg = new RegExp("a");
let str = "a"; //true
str = "b"; //false
str = "abc"; //true
str = "bbabc"; //true
//使用reg的test属性进行测试,检查字符串是否符合规则,返回一个布尔值
let result = reg.test(str);
console.log(result);

正则表达式:

• 定义一个字符串的规则,把符合规则的字符串提取出来
• 正则表达式也是js中的一个对象

创建方式:

• 构造函数:new RegExp(),参数1传递正则表达式,参数2传递正则的匹配模式
• 字面量:str = //

正则表达式的方法

//使用字面量创建正则表达式
let re = /b/; //检查是否包含a
re = /a|b/; //检查是否包含a或b
re = /abc|cde/; //检查是否包含abc或者cde
re = /[a-z]/; //检查是否包含所有小写字母
re = /[A-Z]/; //检查是否包含所有大写字母
re = /[A-z]/; //检查是否包含所有字母
re = /[0-9]/; //检查是否包含所有的数字
let str = '4554774';
console.log(re.test(str));

正则的方法:

• |在正则中表示或(整体或, 即符号左右两边的整体)
• []字符集或,在[]中的内容都是或的关系
• [^x]除了x
• .表示除了换行外的所有字符
• {m}正好m个
• {m，}至少m个
• {m, n}m到n个
• +至少一个
• *任意数量个
• ?0-1个
• ^表示开头
• $表示结尾
• ()分组

正则的属性方法:

• .test():测试字符串,返回一个布尔值
• .exec():提取符合规则的字符串,返回一个数组

其他字符集:

• \w任意的单词字符
• \W不包含任意的单词字符
• \d任意数字
• \D除了任意数字
• \s空格
• \S除了空格
• \b单词边界
• \B除了单词边界

匹配模式:

• i忽略大小写
• g全局匹配

正则练习

//提取字符串中的手机号
let str = "abcdfrf15716374484dvbrfhe13744861694asvbvuerivb15416585487";
//定义正则
let re = /^1[3-9]\d{9}$/g;
//隐藏手机号中间的4位数字
re = /^(1[3-9]\d)\d{4}(\d{4})$/g;
//利用while循环提取手机号
let result;
while(result = re.exec(str)) {
console.log(result);
console.log(result[1] + "****" + result[2]);
}

字符串中的正则方法

//字符串中的方法结合正则表达式
let str = "王五abc张三adc李四"
console.log(str.split(/a[bd]c/));
let str2 = "abcdfrf15716374484dvbrfhe13744861694asvbvuerivb15416585487";
let result = str2.search(/1[3-9]\d{9}/);
result = str2.replace(/1[3-9]\d{9}/g, "😍");
result = str2.match(/1[3-9]\d{9}/g);
console.log(result);
result = str2.matchAll(/1[3-9](\d{9})/g);
for(let i of result) {
  console.log(i);
}

• split()根据正则表达式第一个数组进行拆分
• search()搜索符合规则的正则表达式的内容第一次出现的内容的位置,并返回索引值
• replace()根据正则表达式替换字符串中的指定内容
• match()根据正则表达式去匹配字符串中符合规则的内容,不全局匹配可以使用正则分组
• matchAll()根据正则表达式去匹配字符串中符合规则的内容,必须全局匹配,**可以使用正则分组,**且返回一个迭代器(迭代器一般使用for..of进行遍历)

垃圾回收

//obj指向对象
let obj = {name: '张三'};
//断开指向,释放指针,垃圾回收
obj = null;

垃圾回收(Garbage Collection):

• 如果一个对象没有任何变量对其引用,那么这个对象就是垃圾
• js中有自动的垃圾回收机制, 我们只需把不在使用的变量设置为null,使其自动回收