【JavaScript】五个常用功能 案例:高精度乘法 批量修改对象属性 属性遍历 判断是否包含数字 检查重复字符串_js批量修改对象属性

img
img
img

既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,涵盖了95%以上大数据知识点,真正体系化!

由于文件比较多,这里只是将部分目录截图出来,全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频,并且后续会持续更新

需要这份系统化资料的朋友,可以戳这里获取

var obj2 = new C(“Rebecca2”);

// 批量改变C的示例,obj1和obj2都会被改变
alterObjects(C, “What’s up”);

// obj1和obj2的greeting属性都被设置为了"What’s up"
console.log(obj1.greeting, obj2.greeting); // What’s up What’s up


**解:**



function alterObjects(constructor, greeting) {
// 在prototype原型上进行操作
constructor.prototype.greeting = greeting;
}


所有实例的某个属性都改变只需要改变这个构造函数的**原型**即可。


## 3、属性遍历


**描述:**


找出对象 `obj` **不在原型链上**的属性(注意这题测试例子的冒号后面也有一个空格~)  
 1、返回数组,格式为 `key: value`  
 2、结果数组不要求顺序


**示例:**



var C = function () {
this.foo = “bar”;
this.baz = “bim”;
};

C.prototype.bop = “bip”;

// C原型上的bop属性不会被打印
console.log(iterate(new C())); // [ ‘foo: bar’, ‘baz: bim’ ]


**解:**



function iterate(obj) {
let arr = [];
for (const key in obj) {
if (obj.hasOwnProperty(key)) {
arr.push(${key}: ${obj[key]});
}
}
return arr;
}


[for in](https://bbs.csdn.net/topics/618545628)遍历对象时会将对象原型上的属性也遍历出来,即上面的例子中`bop`属性也会被遍历到


[hasOwnProperty](https://bbs.csdn.net/topics/618545628)这个方法可以用来检测一个对象是否含有特定的自身属性;和 `in` 运算符不同,该方法会**忽略掉那些从原型链上继承到的属性**。


## 4、 判断是否包含数字


**描述:**


给定字符串 `str`,检查其是否包含数字,包含返回 `true`,否则返回 `false`


**示例:**



输入:‘abc123’
输出:true


**解:**


最简单的方式:使用正则



function containsNumber(str) {
let reg = /[0-9]/;
return reg.test(str);
}



> 
> `test()` 方法执行一个检索,用来查看正则表达式与指定的字符串是否匹配。返回 `true` 或 `false`。
> 
> 
> 


最笨的方法:遍历字符串



function containsNumber(str) {
for (let i = 0; i < str.length; i++) {
if (!isNaN(Number(str[i]))) {
return true;
}
}
return false;
}


* `isNaN()` 函数用来确定一个值是否为`NaN` 。
* 全局属性 `NaN` 的值表示不是一个数字。


## 5、检查重复字符串


**描述:**


给定字符串 `str`,检查其是否包含连续重复的字母(`a-zA-Z`),包含返回 `true`,否则返回 `false`


**示例:**



输入:‘rattler’
输出:true


**解:**


最简单的方式:**使用正则**



function containsRepeatingLetter(str) {
let reg=/([A-z])\1/
return reg.test(str)
}


`\1` 匹配的是所获取的**第1个**`()`匹配的引用。例如:


* `(\d)\1` 匹配两个**连续且相同**的数字字符,如`99aa`中的`99`。
* `(\d)(a)\1`会匹配到`3a3`,但`3a2`不会被匹配因为第三位的`\1`必须是3才可以(第一个`()`中的`\d`引用)。


`\2` 匹配的是所获取的**第2个**`()`匹配的引用,例如:


* `(\d)(a)\2`会匹配到`3aa`,但不会匹配`3ab`,`3a3`等。


最笨的方法:**遍历字符串**



function containsRepeatingLetter(str) {
for (let i = 0; i < str.length; i++) {
if (str[i] === str[i + 1] &&((str[i] >= “a” && str[i] <= “z”) ||(str[i] >= “A” && str[i] <= “Z”))) {
return true;
}
}
return false;
}



> 
> 在`JavaScript`中**英文字符能够直接比较大小且区分大小写**,例如:`'b'>'a'`,`'E'>'B'`等,通过此特性来判断一个字符是否是`a-z`或`A-Z`的英文字符
> 
> 
> 


## 结语



> 
> 这篇文章的所有内容都出自于[牛客网的JS篇题库](https://bbs.csdn.net/topics/618545628):  
>  ![在这里插入图片描述](https://img-blog.csdnimg.cn/4bda5af2d92143c98cbb56d82442173f.png)
> 
> 
> 


牛客网的`JS`题库非常贴合实际的,在写的过程中自己查漏补缺,收获了很多,强烈将[牛客网](https://bbs.csdn.net/topics/618545628)推荐给大家!




![img](https://img-blog.csdnimg.cn/img_convert/2ee40363d3d0f52c5fa807887a26a74e.png)
![img](https://img-blog.csdnimg.cn/img_convert/01b29bf97105ee620afce1b4b76b4052.png)
![img](https://img-blog.csdnimg.cn/img_convert/9c8e23e78e3f91593aa094b4e5c7ef7b.png)

**既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,涵盖了95%以上大数据知识点,真正体系化!**

**由于文件比较多,这里只是将部分目录截图出来,全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频,并且后续会持续更新**

**[需要这份系统化资料的朋友,可以戳这里获取](https://bbs.csdn.net/topics/618545628)**

中...(img-PQ5wDl8j-1715700062798)]

**既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,涵盖了95%以上大数据知识点,真正体系化!**

**由于文件比较多,这里只是将部分目录截图出来,全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频,并且后续会持续更新**

**[需要这份系统化资料的朋友,可以戳这里获取](https://bbs.csdn.net/topics/618545628)**

  • 7
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值