要求:从输入框中输入一串字符,按回车后输出去重后的字符串

方法一:

<body><input type="text" id="input" placeholder="请输入字符串"><p id="p1"></p>
</body>
<script>document.onkeydown = function (e) {var ev = window.event || e;var code = ev.keyCode || ev.which || ev.charCode;if (code == 13) {var str = document.getElementById("input").valueconsole.log(str)var str2 = ''for (var i = 0; i < str.length; i++) {if (str2.indexOf(str[i]) == -1) {str2 += str[i]}}console.log(str2)document.getElementById('p1').innerText = "去重后的字符为:" + str2}}</script>

方法二:

<body><input type="text" id="input" placeholder="请输入字符串"><p id="p1"></p>
</body>
<script>document.onkeydown = function (e) {var ev = window.event || e;var code = ev.keyCode || ev.which || ev.charCode;if (code == 13) {var str = document.getElementById("input").valueconsole.log(str)var str2 = ''for (var i = 0; i < str.length; i++) {if (str2.search(str[i]) == -1)str2 += str[i];}console.log(str2)document.getElementById('p1').innerText = "去重后的字符为:" + str2}}</script>

运行结果:

JS 学习笔记(一)常用的字符串去重方法相关推荐

  1. Vue.js 学习笔记 五 常用的事件修饰符

    介绍几个常用的事件修饰符 直接上代码 <div id="divApp"><div class="divColor" v-on:click=&q ...

  2. Python学习笔记——模块调用与字符串拼接方法

    文章目录 一.调用模块 1.import 模块名 2.调用模块里的函数 3.time模块与random模块 sleep()函数 random.randint() 二.不同数据类型的拼接 1.格式符% ...

  3. Vue.js 学习笔记 六 v-model 双向绑定数据

    之前说的v-bind指令,可以绑定数据,但是是单向的,从model向view绑定,下面介绍v-model,可以双向绑定数据 <div id="divApp"><p ...

  4. Vue.js 学习笔记 四 用一,二,三的知识做个跑马灯

    做个简单的跑马灯效果 页面定义2个按钮,绑定2个方法. <div id="divApp"><input type="button" value ...

  5. javascript从入门到跑路-----小文的js学习笔记目录

    ** javascript从入门到跑路-----小文的js学习笔记(1)---------script.alert.document.write() 和 console.log 标签 javascri ...

  6. 千锋Node.js学习笔记

    千锋Node.js学习笔记 文章目录 千锋Node.js学习笔记 写在前面 1. 认识Node.js 2. NVM 3. NPM 4. NRM 5. NPX 6. 模块/包与CommonJS 7. 常 ...

  7. Node.js学习笔记8

    Node.js学习笔记8 HTTP服务器与客户端 Node.js的http模块,封装了一个高效的HTTP服务器和一个简易的HTTP客户端 http.server是一个基于事件的HTTP服务器,核心由N ...

  8. node.js学习笔记5——核心模块1

    node.js学习笔记5--核心模块1 Node.js核心模块主要内容包括:(1)全局对象 (2)常用工具 (3)事件机制 (4)文件系统访问 (5)HTTP服务器与客户端 一: 全局对象 Node. ...

  9. sizzle.js学习笔记利用闭包模拟实现数据结构:字典(Map)

    sizzle.js学习笔记利用闭包模拟实现数据结构:字典(Map) 这几天学习和查看了jQuery和Property这两个很流行的前端库的御用选择器组件Sizzle.js的源代码,收获还是相对多的!之 ...

最新文章

  1. mysql恢复数据的步骤_MySQL备份恢复数据的一般步骤
  2. 029_jdbc-mysql二进制数据
  3. mfc中ado上传image到sql数据库
  4. Hibernate二级缓存配置
  5. 女孩常用双关语--男生进
  6. linux 文件指针,Linux中文件描述符fd与文件指针FILE*互相转换实例解析
  7. ef mysql code first_MVC5+EF+MYSQL(连接):code first
  8. Http Post 二进制通信
  9. 文本本地化的时候,提交给待翻译的人员的文件命名格式
  10. 【路径规划】基于matlab改进的蚁群算法机器人栅格地图避障路径规划【含Matlab源码 905期】
  11. git个人常用的命令
  12. 免费SSL证书和付费SSL证书有什么区别?
  13. 6位数字密码滚动破解
  14. 答题拿奖两不误:华为云知乎金牌答题官,就是你!
  15. 电脑如何使用硕鼠批量下载哔哩哔哩视频
  16. 数论:快速傅里叶变换FFT题集
  17. Linux下通过rdesktop连接Windows远程桌面
  18. WinEdt10.3 激活
  19. java中的构造方法必须和类名相同,在Java中,关于构造方法,下列说法错误的是()A、构造方法的名称必须与类名相同B、构造方法可以...
  20. C++ handle classes

热门文章

  1. python 关键字驱动_python selenium 关键字驱动开源
  2. java调用微软语音库,程序员罗杰-.NET C# 语音合成源码(TTS)微软库
  3. HTC获得面部解锁专利
  4. 卧槽!百度网盘 VIP 可以免费白嫖了!亲测有效!!!
  5. C语言学习书籍 零基础入门篇
  6. qq号的正则表达式html,JavaScript中的正则表达式使用及验证qq号码的正则
  7. 华为HG8245C光猫设置VOIP
  8. ubuntu16.04下dyna-slam编译运行
  9. Win 10配置VPN代理时遇到的问题:500 Internal Privoxy Error
  10. jython 简单入门