首页 > 软件开发 > JQUERY >

如何调用jQuery方法对数组的元素进行去重操作

来源:互联网 2023-03-16 23:54:16 108

一般情况下,数组可以存储重复的元素。但是,有时为了传输参数,利用拼接起来的参数,并且是不可重复的,这样就需要对数组进行去重操作了。下面利用一个实例说明jQuery方法对数组元素去重,操作如下:UR0办公区 - 实用经验教程分享!

如何调用jQuery方法对数组的元素进行去重操作UR0办公区 - 实用经验教程分享!

工具/原料

  • jQuery
  • eclipse
  • Tomcat7
  • jdk1.8
  • 截图工具
  • 浏览器

方法/步骤

  • 1

    第一步,创建静态页面array.html,修改title内容,并引入jquery文件,如下图所示:UR0办公区 - 实用经验教程分享!

    如何调用jQuery方法对数组的元素进行去重操作UR0办公区 - 实用经验教程分享!

  • 2

    第二步,在body>/body>内插入两个输入框,分别显示去重前后的数组元素;再添加一个按钮,用于触发去重事件,如下图所示:UR0办公区 - 实用经验教程分享!

    如何调用jQuery方法对数组的元素进行去重操作UR0办公区 - 实用经验教程分享!

  • 3

    第三步,添加jQuery初始化函数,并且给第一个输入框赋值,如下图所示:UR0办公区 - 实用经验教程分享!

    如何调用jQuery方法对数组的元素进行去重操作UR0办公区 - 实用经验教程分享!

  • 3该信息未经授权抓取自百度经验
  • 4

    第四步,添加按钮单击事件,遍历输入框的值,作为一个数组,然后对其去重,赋值给第二个输入框,如下图所示:UR0办公区 - 实用经验教程分享!

    如何调用jQuery方法对数组的元素进行去重操作UR0办公区 - 实用经验教程分享!

  • 5

    第五步,预览该界面,并点击去重按钮,结果发现去重后的元素包含有多个逗号,如下图所示:UR0办公区 - 实用经验教程分享!

    如何调用jQuery方法对数组的元素进行去重操作UR0办公区 - 实用经验教程分享!

  • 6

    第六步,修改代码,在字符串传入之前先将其转换成数组,再次尝试下,结果发现操作成功,如下图所示:UR0办公区 - 实用经验教程分享!

    如何调用jQuery方法对数组的元素进行去重操作UR0办公区 - 实用经验教程分享!

  • 注意事项

    • 注意就jquery里判断数组包含某个元素的方法
    • 注意字符串转换成数组的方法

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!UR0办公区 - 实用经验教程分享!


    标签: JQUERY

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码