手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

在Array对象的原型下实现一个数组去重的方法

时间:2024-10-11 23:35:32

1、在任一文件夹下创建一个文本文件,在文本文件中输入如下的内容,也就是html页面的结构

在Array对象的原型下实现一个数组去重的方法

2、将文本文件保存为html结尾的文件格式,就变成了一个页面文件。如果有其他编辑工具,这两步可以不用每个字符都手动敲入

在Array对象的原型下实现一个数组去重的方法

3、在页面底部添加js代码,在其中使用Array的prototype扩展一个Unique方法,方法的形式如图所示

在Array对象的原型下实现一个数组去重的方法

4、在Unique方法内部,要循环当前的Array数组,该怎么实现呢?for循环是可以捂执涡扔使用的,数组呢?答案是使用this,就代表了当前的数组

在Array对象的原型下实现一个数组去重的方法

5、在Unique方法内部循环输出this数组,运行效果如图所示。在浏览器中运行测试页面后,按F12查看控制台的输出结果

在Array对象的原型下实现一个数组去重的方法

6、接着在Unique方法内部继续添加一个循环,用于去掉重复的值,完整代码如图所示

在Array对象的原型下实现一个数组去重的方法

7、使用一个测试数组,测试Unique数组去重的效果如图所示。在浏览器运行测试页面后,按F12,就可以看到控制台输出的数组是去重之后的了

在Array对象的原型下实现一个数组去重的方法
© 手抄报圈