JavaScript 常用方法封装使用

1. 删除数组中指定元素

Array.prototype.remove = function(val) {let index = this.indexOf(val);if (index > -1) {this.splice(index, 1);}
};

使用

var list = ["a", "b", "c"]
list.remove("b")

2. 数组去重

Array.prototype.disrepeat = function () {let result = this.filter((item, index) => {return this.indexOf(item) === index;});return result;
};

使用

var list = ["a", "b", "c", "c","b", "a"]
var result = list.disrepeat();

3. 搜索关键字高亮

String.prototype.brightenKeyword = function brightenKeyword(keyword, font_color = "#F25D8E") {const Reg = new RegExp(keyword, "g")if(this) {return this.replace(Reg, `<span style="color: ${font_color}; font-weight: 700;">${keyword}</span>`);}
}

使用

"日暮苍山远，天寒白屋贫。".brightenKeyword("远")

你经常使用的 Javascript 常用方法是什么呢，请在评论区告诉我吧

JavaScript 常用方法封装使用相关推荐

第一百三十节，JavaScript，封装库--连缀
JavaScript,封装库--连缀学习要点: 1.连缀介绍 2.改写库对象本章我们重点来介绍,在调用库的时候,我们需要能够在前台调用的时候可以同时设置多个操作,比如设置CSS,设置innerHT ...
第一百四十一节，JavaScript，封装库--DOM加载
JavaScript,封装库--DOM加载 DOM加载,跨浏览器封装DOM加载,当网页文档结构加载完毕后执行函数,不等待图片音频视频等文件加载完毕 /** dom_jia_zai()函数,DOM页面加 ...
第一百三十一节，JavaScript，封装库--CSS
JavaScript,封装库--CSS 将封装库里的方法,改成了原型添加方法增加4个方法 tian_jia_class()方法,给获取到的元素添加class属性,参数是class属性值,可以连缀1 ...
JavaScript之封装Math函数
JavaScript之封装Math函数 Math 对象属性 Math 对象方法 Math 对象并不像 Date 和 String 那样是对象的类,因此没有构造函数 Math(),像 Math.sin( ...
vue常用方法封装-一键安装使用（赠送免费工具）
vue常用方法封装-一键安装使用(赠送免费工具) 相信大家在使用vue开发过程中一定遇到了各种方法的整理收集,每次遇到新的问题都需要找到合适的方法这里我给大家封装了一些vue项目中常用到的方法合集, ...
VML实现的饼图（JavaScript类封装）
代码如下:<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft- ...
面向对象的 JavaScript：封装、继承与多态
本文作者:家园工作室研发组成员 @维尔希宁本文出处: 面向对象的 JavaScript:封装.继承与多态blog.lenconda.top 本文遵循署名-非商业性使用-禁止演绎3.0 未本地化版本 ...
JavaScript常用方法（工具类的封装）
日期格式化 function formatDateTime(timeStamp) { var date = new Date(); date.setTime(timeStamp); var y = d ...
JQuery和JavaScript常用方法的一些区别
jquery 就对javascript的一个扩展,封装,就是让javascript更好用,更简单,为了说明区别,下面与大家分享下JavaScript 与JQuery 常用方法比较 jquery 就对j ...

JavaScript 常用方法封装使用

1. 删除数组中指定元素

使用

2. 数组去重

使用

3. 搜索关键字高亮

使用

JavaScript 常用方法封装使用相关推荐

最新文章

热门文章