javascript基础练习之翻转字符串与回文


Posted in Javascript onFebruary 20, 2017

翻转字符串

翻转字符串(Reverse a String),就是把字符串倒序处理的意思,比如给定一个字符串”hello”,翻转后应该返回”olleh”。

测试用例

  1. reverseString("hello") 应该返回 “olleh”
  2. reverseString("Greetings from Earth") 应该返回 “htraE morf sgniteerG”

实现思路

这里说最方便的方法就是将字符串转成数组,再颠倒数组并转成字符串返回。需要用到字符串对象和数组对象的内置方法:

  1. String.split()
  2. Array.reverse()
  3. Array.join()

具体可以去看JavaScript参考手册

function reverseString(str) {
 return str.split('').reverse().join('');
}

reverseString("hello");

一句return搞定,很简单有木有?!

在此基础上来看看回文是怎么玩的⬇️

回文

“Madam,I'mAdam.” 这是亚当在伊甸园里碰上夏娃说的第一句话,这句话正着读和反着读一模一样,这样的句子就是回文,英文里叫Palindrome。

举个栗子——“上海自来水来自海上”,这句话顺着读和反着读都是相同的,还有很多英语单词也是:Level、Madam、Radar、LOL(哈哈哈)…

测试用例

  1. palindrome("Race Car") 应该返回 true
  2. palindrome("not a palindrome") 应该返回 false
  3. palindrome("0_0 (: /-\ :) 0-0") 应该返回 true

实现思路

我们需要写一个叫palindrome()的方法,传入一个叫str的参数,如果str是一个Palindromes将返回true,反之为false。

需要注意将标点符号和空格去掉并toUpperCase or toLowerCase后再进行判断。

需要用到以下知识点:

  • 正则表达式 (regular expression) ,用来过滤符号和空格
  • String.replace() 替换与正则表达式匹配的子串
  • String.toLowerCase() 把字符串转换为小写

关于正则表达式

这里要求匹配大小写英文字母和整数,任何标点符合和空格将被过滤掉。所以可以使用 /[^A-Za-z0?9]/g 或者 /[\W_]/g

  • [^A-Z] 匹配非26个大写字母中的任意一个
  • [^a-z] 匹配非26个小写字母中的任意一个
  • [^0-9] 匹配非0到9中的任意一个数字
  • [^_] 匹配非下划线
  • ^ 匹配字符串的开始
  • \w 注意是小写,匹配字母或数字或下划线或汉字
  • \W 注意是大写,匹配任意不是字母、数字、下划线、汉字的字符,等价于[^A-Za-z0-9_]
  • g 表示全局搜索

这是我的方法:

function palindrome(str) {
 str = str.replace(/[\W_]/g,'').toLowerCase();
 var reverseStr = str.split('').reverse().join('');
 return str===reverseStr;
}

palindrome("eye");

我在网上看到还可以用For循环来实现:

function palindrome (str) {
 var reg = /[\W_]/g,
 regStr = str.toLowerCase().replace(reg, ''),
 len = regStr.length;

 for (var i = 0, halfLen = len / 2; i < halfLen; i++){
 if (regStr[i] !== regStr[len - 1 - i]) {
  return false;
 }
 }
 return true;
}

这个思路很巧妙的运用了回文的特点,把整个字符串切成一半,循环遍历并依次判断首尾字符是否相等。

还有个运用了递归的实现:

function palindrome (str) {
 // 删除字符串中不必要的字符
 var re = /[\W_]/g;
 // 将字符串变成小写字符
 var lowRegStr = str.toLowerCase().replace(re, '');
 // 如果字符串lowRegStr的length长度为0时,字符串即是palindrome
 if (lowRegStr.length === 0) {
 return true;
 }

 // 如果字符串的第一个和最后一个字符不相同,那么字符串就不是palindrome
 if (lowRegStr[0] !== lowRegStr[lowRegStr.length - 1]) {
 return false;
 } else {
 return palindrome(lowRegStr.slice(1, lowRegStr.length - 1));
 }
}

感觉另外两个实现思路比我?哦嗔耍?约涸诒喑痰穆飞喜抛呙欢嘣叮?徊揭徊嚼窗伞?/p>

对了,别纠结翻转字符串和回文的区别了!翻转字符串仅仅是将倒序后的字符串返回;而回文面对的则是更长更复杂的句子,需要将过滤掉空格和标点符号的句子和倒序后的句子比较是否相等。

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家学习或者使用Javascript能带来一定的帮助,如果有疑问大家可以留言交流。谢谢大家对三水点靠木的支持。

Javascript 相关文章推荐
扩展jquery实现客户端表格的分页、排序功能代码
Mar 16 Javascript
基于jquery的弹出提示框始终处于窗口的居中位置(类似于alert弹出框的效果)
Sep 28 Javascript
JavaScript实现鼠标滑过处生成气泡的方法
May 16 Javascript
漂亮! js实现颜色渐变效果
Aug 12 Javascript
D3.js实现柱状图的方法详解
Sep 21 Javascript
js判断价格,必须为数字且不能为负数的实现方法
Oct 07 Javascript
Angularjs+bootstrap+table多选(全选)支持单击行选中实现编辑、删除功能
Mar 27 Javascript
JavaScript实现移动端页面按手机屏幕分辨率自动缩放的最强代码
Aug 18 Javascript
一个Vue页面的内存泄露分析详解
Jun 25 Javascript
JavaScrip数组去重操作实例小结
Jun 20 Javascript
jQuery实现简单聊天室
Feb 08 jQuery
详解React 条件渲染
Jul 08 Javascript
JS实现动态修改table及合并单元格的方法示例
Feb 20 #Javascript
原生javascript实现读写CSS样式的方法详解
Feb 20 #Javascript
JS实现中国公民身份证号码有效性验证
Feb 20 #Javascript
js中new一个对象的过程
Feb 20 #Javascript
利用node.js搭建简单web服务器的方法教程
Feb 20 #Javascript
jQuery实现鼠标跟随效果
Feb 20 #Javascript
BootStrap fileinput.js文件上传组件实例代码
Feb 20 #Javascript
You might like
php中通过curl smtp发送邮件
2012/06/05 PHP
浅谈PHP中pack、unpack的详细用法
2018/03/12 PHP
Js中sort()方法的用法
2006/11/04 Javascript
代码精简的可以实现元素圆角的js函数
2007/07/21 Javascript
js 页面传参数时 参数值含特殊字符的问题
2009/12/13 Javascript
jquery $(document).ready() 与window.onload的区别
2009/12/28 Javascript
JavaScript实现鼠标点击后层展开效果的方法
2015/05/13 Javascript
即将发布的jQuery 3 有哪些新特性
2016/04/14 Javascript
基于JS实现textarea中获取动态剩余字数的方法
2016/05/25 Javascript
jQuery中的ready函数与window.onload谁先执行
2016/06/21 Javascript
D3.js实现直方图的方法详解
2016/09/25 Javascript
javaScript语法总结
2016/11/25 Javascript
vue-ajax小封装实例
2017/09/18 Javascript
nodejs更新package.json中的dependencies依赖到最新版本的方法
2018/10/10 NodeJs
微信小程序保存多张图片的实现方法
2019/03/05 Javascript
详解JSON和JSONP劫持以及解决方法
2019/03/08 Javascript
vue-cli3+typescript新建一个项目的思路分析
2019/08/06 Javascript
layui按条件隐藏表格列的实例
2019/09/19 Javascript
js实现跳一跳小游戏
2020/07/31 Javascript
一些Python中的二维数组的操作方法
2015/05/02 Python
Python实现对excel文件列表值进行统计的方法
2015/07/25 Python
Python聚类算法之基本K均值实例详解
2015/11/20 Python
Python实现的读取文件内容并写入其他文件操作示例
2019/04/09 Python
Python3操作Excel文件(读写)的简单实例
2019/09/02 Python
Python基础之函数基本用法与进阶详解
2020/01/02 Python
浅谈PyTorch中in-place operation的含义
2020/06/27 Python
基于Canvas+Vue的弹幕组件的实现
2019/07/23 HTML / CSS
美国休闲服装品牌:J.Crew Factory
2017/03/04 全球购物
设计师珠宝:Ylang 23
2018/05/11 全球购物
财务会计毕业生自荐信
2013/11/02 职场文书
门卫班长岗位职责
2013/12/15 职场文书
2014年元旦感言
2014/03/06 职场文书
英语自我介绍演讲稿
2014/09/01 职场文书
中学综治宣传月活动总结
2015/05/07 职场文书
JS中forEach()、map()、every()、some()和filter()的用法
2022/05/11 Javascript
Redis实现主从复制方式(Master&Slave)
2022/06/21 Redis