JS 学习笔记(一)常用的字符串去重方法
要求:从输入框中输入一串字符,按回车后输出去重后的字符串
方法一:
<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 学习笔记(一)常用的字符串去重方法相关推荐
- Vue.js 学习笔记 五 常用的事件修饰符
介绍几个常用的事件修饰符 直接上代码 <div id="divApp"><div class="divColor" v-on:click=&q ...
- Python学习笔记——模块调用与字符串拼接方法
文章目录 一.调用模块 1.import 模块名 2.调用模块里的函数 3.time模块与random模块 sleep()函数 random.randint() 二.不同数据类型的拼接 1.格式符% ...
- Vue.js 学习笔记 六 v-model 双向绑定数据
之前说的v-bind指令,可以绑定数据,但是是单向的,从model向view绑定,下面介绍v-model,可以双向绑定数据 <div id="divApp"><p ...
- Vue.js 学习笔记 四 用一,二,三的知识做个跑马灯
做个简单的跑马灯效果 页面定义2个按钮,绑定2个方法. <div id="divApp"><input type="button" value ...
- javascript从入门到跑路-----小文的js学习笔记目录
** javascript从入门到跑路-----小文的js学习笔记(1)---------script.alert.document.write() 和 console.log 标签 javascri ...
- 千锋Node.js学习笔记
千锋Node.js学习笔记 文章目录 千锋Node.js学习笔记 写在前面 1. 认识Node.js 2. NVM 3. NPM 4. NRM 5. NPX 6. 模块/包与CommonJS 7. 常 ...
- Node.js学习笔记8
Node.js学习笔记8 HTTP服务器与客户端 Node.js的http模块,封装了一个高效的HTTP服务器和一个简易的HTTP客户端 http.server是一个基于事件的HTTP服务器,核心由N ...
- node.js学习笔记5——核心模块1
node.js学习笔记5--核心模块1 Node.js核心模块主要内容包括:(1)全局对象 (2)常用工具 (3)事件机制 (4)文件系统访问 (5)HTTP服务器与客户端 一: 全局对象 Node. ...
- sizzle.js学习笔记利用闭包模拟实现数据结构:字典(Map)
sizzle.js学习笔记利用闭包模拟实现数据结构:字典(Map) 这几天学习和查看了jQuery和Property这两个很流行的前端库的御用选择器组件Sizzle.js的源代码,收获还是相对多的!之 ...
最新文章
- mysql恢复数据的步骤_MySQL备份恢复数据的一般步骤
- 029_jdbc-mysql二进制数据
- mfc中ado上传image到sql数据库
- Hibernate二级缓存配置
- 女孩常用双关语--男生进
- linux 文件指针,Linux中文件描述符fd与文件指针FILE*互相转换实例解析
- ef mysql code first_MVC5+EF+MYSQL(连接):code first
- Http Post 二进制通信
- 文本本地化的时候,提交给待翻译的人员的文件命名格式
- 【路径规划】基于matlab改进的蚁群算法机器人栅格地图避障路径规划【含Matlab源码 905期】
- git个人常用的命令
- 免费SSL证书和付费SSL证书有什么区别?
- 6位数字密码滚动破解
- 答题拿奖两不误:华为云知乎金牌答题官,就是你!
- 电脑如何使用硕鼠批量下载哔哩哔哩视频
- 数论:快速傅里叶变换FFT题集
- Linux下通过rdesktop连接Windows远程桌面
- WinEdt10.3 激活
- java中的构造方法必须和类名相同,在Java中,关于构造方法,下列说法错误的是()A、构造方法的名称必须与类名相同B、构造方法可以...
- C++ handle classes
热门文章
- python 关键字驱动_python selenium 关键字驱动开源
- java调用微软语音库,程序员罗杰-.NET C# 语音合成源码(TTS)微软库
- HTC获得面部解锁专利
- 卧槽!百度网盘 VIP 可以免费白嫖了!亲测有效!!!
- C语言学习书籍 零基础入门篇
- qq号的正则表达式html,JavaScript中的正则表达式使用及验证qq号码的正则
- 华为HG8245C光猫设置VOIP
- ubuntu16.04下dyna-slam编译运行
- Win 10配置VPN代理时遇到的问题:500 Internal Privoxy Error
- jython 简单入门