首页 > 其他分享 >【js学习笔记四】数组双重去重的方式三filter

【js学习笔记四】数组双重去重的方式三filter

时间:2023-06-24 21:01:27浏览次数:38  
标签:24 第二种 方式 笔记 js filter html 数组 220313


 

目录

前言

导语

运行结果

总结


前言

    我是歌谣 我有个兄弟 巅峰的时候排名c站总榜19 叫前端小歌谣 曾经我花了三年的时间创作了他 现在我要用五年的时间超越他 今天又是接近兄弟的一天人生难免坎坷 大不了从头再来 歌谣的意志是永恒的 放弃很容易 但是坚持一定很酷

导语

   数组双重去重的方式三indexOf

【js学习笔记四】数组双重去重的方式三filter_html

【js学习笔记四】数组双重去重的方式三filter_数组_02编辑

var geyao = [1, 2, 3, 4, 6, 7, 1, 2, 3, 8, 9]
        function ArrayCommon(arr) {
            //判断是不是数组  不是数组就返回一个false
            if (!Array.isArray(arr)) {
                console.log('这不是一个数组哦')
                return
            }
            //元素在数组中第一次出现的位置是否和元素现在的位置相等
            return Array.prototype.filter.call(arr,function(item,index){
                console.log(arr.indexOf(item),item,index)
                return arr.indexOf(item)===index

            })
        }

        console.log(ArrayCommon(geyao, 'geyao'))

【js学习笔记四】数组双重去重的方式三filter_数组去重_03

运行结果

0 1 0
数组去重的第二种方式220313.html:24 1 2 1
数组去重的第二种方式220313.html:24 2 3 2
数组去重的第二种方式220313.html:24 3 4 3
数组去重的第二种方式220313.html:24 4 6 4
数组去重的第二种方式220313.html:24 5 7 5
数组去重的第二种方式220313.html:24 0 1 6
数组去重的第二种方式220313.html:24 1 2 7
数组去重的第二种方式220313.html:24 2 3 8
数组去重的第二种方式220313.html:24 9 8 9
数组去重的第二种方式220313.html:24 10 9 10
数组去重的第二种方式220313.html:30 (8) [1, 2, 3, 4, 6, 7, 8, 9]

【js学习笔记四】数组双重去重的方式三filter_html_04

总结

利用indexOf检测元素在数组中第一次出现的位置是否和元素现在的位置相等,如果不等则说明该元素是重复元素


标签:24,第二种,方式,笔记,js,filter,html,数组,220313
From: https://blog.51cto.com/u_14476028/6541770

相关文章

  • 【js学习笔记五】数组双重去重的方式四先排序在对比
     目录前言导语 代码部分运行结果总结前言   我是歌谣我有个兄弟巅峰的时候排名c站总榜19叫前端小歌谣曾经我花了三年的时间创作了他现在我要用五年的时间超越他今天又是接近兄弟的一天人生难免坎坷大不了从头再来歌谣的意志是永恒的放弃很容易但是坚持一定很酷导语......
  • markdown 笔记转 html 单文件
    markdown笔记转html单文件图片转base64![image][imageid][imageid]:yourimage'sbase64markdown转html工具i5ting_toc安装安装nodejs环境:https://nodejs.org/en/npminstalli5ting_toc-g使用进入md文件所在目录,打开cmd窗口输入命令i5ting_toc-fin......
  • Nodejs介绍与安装
    Nodejs介绍与安装介绍Nodejs是一个能够在服务器端运行JavaScript的开放源代码、跨平台JavaScript运行环境Nodejs采用Google开发的V8引擎运行js代码,使用事件驱动、非阻塞和异步I/O模型等技术来提高性能,可优化应用程序的传输量和规模Nodejs大部分基本模块都用JavaScript编写。......
  • c#学习笔记-------------------c#中的委托
    一、什么是委托委托是C#中类型安全的,可以订阅一个或多个具有相同签名方法的函数指针。委托可以把函数做为参数传递,其实际意义便是让别人代理你的事情。委托可以看做是函数的指针,整数可以用整数变量指向它,对象可以用对象变量指向它,函数也可以用委托变量指向它。我们可以选择将......
  • Python json和pickle模块
    json和pickle模块用于序列化的两个模块序列化模块:json和picklejson,用于字符串和python数据类型间进行转换pickle,用于python特有的类型和python的数据类型间进行转换Json模块提供了四个功能:dumps、dump、loads、loadpickle模块提供了四个功能:dumps、dump、loads、......
  • JavaScript学习笔记:Web Components
    组件的概念组件是对可重用的HTML与JS功能的封装。在没有组件的时候,同样的HTML结构会在文档中多次出现,使代码变得复杂。在使用组件封装后,就像使用一个HTML标签那样使用这些HTML结构,HTML文档变得清晰易维护。它主要由三项技术实现:CustomElement:自定义元素,JavaScriptWEBAP......
  • WPF 入门笔记 - 06 - 命令
    我们把世界看错,反说它欺骗了我们。--飞鸟集前言相较而言,命令对我来说是一个新概念,因为在Winform中压根没有所谓的命令这个概念......
  • Three.js教程:阵列立方体和相机适配体验
    推荐:将NSDT场景编辑器加入你的3D工具链其他系列工具:NSDT简石数字孪生阵列立方体和相机适配体验本节课通过阵列一片立方体,进一步体验下透视投影相机的投影规律。for循环创建一列模型constgeometry=newTHREE.BoxGeometry(100,100,100);//材质对象Materialconstmateria......
  • js:codemirror实现在线代码编辑器代码高亮显示
    CodeMirrorisaversatiletexteditorimplementedinJavaScriptforthebrowser.Itisspecializedforeditingcode,andcomeswithanumberoflanguagemodesandaddonsthatimplementmoreadvancededitingfunctionality.译文:CodeMirror是一个多功能的文本编辑......
  • pandas 笔记
    importpandasaspd#读csvxlsdf=pd.read_csv('D:\\Anaconda3\\A\\1.csv',encoding='gbk')df1=pd.read_excel('D:\\Anaconda3\\A\\1.xls',encoding='gbk')print(df,df1)#list转pd数据框my_list=[('xiaoming',&#......