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 相关文章推荐
javascript 添加和移除函数的通用方法
Oct 20 Javascript
PHP+jquery+ajax实现分页
Dec 09 Javascript
基于JS设计12306登录页面
Dec 28 Javascript
从零学习node.js之利用express搭建简易论坛(七)
Feb 25 Javascript
js省市区级联查询(插件版&amp;无插件版)
Mar 21 Javascript
JS库之ParticlesJS使用简介
Sep 12 Javascript
bootstrap响应式导航条模板使用详解(含下拉菜单,弹出框)
Nov 17 Javascript
JS原型与继承操作示例
May 09 Javascript
Vue 3.x+axios跨域方案的踩坑指南
Jul 04 Javascript
详解Vue3中对VDOM的改进
Apr 23 Javascript
微信小程序实现自定义动画弹框/提示框的方法实例
Nov 06 Javascript
Vue与React的区别和优势对比
Dec 18 Vue.js
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作的文本留言本的例子(五)
2006/10/09 PHP
UTF8编码内的繁简转换的PHP类
2009/07/09 PHP
IIS7.X配置PHP运行环境小结
2011/06/09 PHP
php number_format() 函数通过千位分组来格式化数字的实现代码
2013/08/06 PHP
PHP 开发者该知道的 5 个 Composer 小技巧
2016/02/03 PHP
如何实现动态删除javascript函数
2007/05/27 Javascript
认识延迟时间为0的setTimeout
2008/05/16 Javascript
javascript笔试题目附答案@20081025_jb51.net
2008/10/26 Javascript
javascript 传统事件模型构造的事件监听器实现代码
2010/05/31 Javascript
JavaScript中使用replace结合正则实现replaceAll的效果
2010/06/04 Javascript
基于JQuery实现的类似购物商城的购物车
2011/12/06 Javascript
javascript判断office版本示例
2014/04/11 Javascript
从零学JSON之JSON数据结构
2014/05/19 Javascript
常用的jquery模板插件——jQuery Boilerplate介绍
2014/09/23 Javascript
javascript html5实现表单验证
2016/03/01 Javascript
jQuery progressbar通过Ajax请求实现后台进度实时功能
2016/10/11 Javascript
微信小程序返回多级页面的实现方法
2017/10/27 Javascript
详解webpack loader和plugin编写
2018/10/12 Javascript
JavaScript解析机制与闭包原理实例详解
2019/03/08 Javascript
Vue实现base64编码图片间的切换功能
2019/12/04 Javascript
vue 全局封装loading加载教程(全局监听)
2020/11/05 Javascript
Linux 发邮件磁盘空间监控(python)
2016/04/23 Python
Python 类与元类的深度挖掘 II【经验】
2016/05/06 Python
python爬虫实现教程转换成 PDF 电子书
2017/02/19 Python
Python numpy实现二维数组和一维数组拼接的方法
2018/06/05 Python
如何使用Python 打印各种三角形
2019/06/28 Python
解决Python设置函数调用超时,进程卡住的问题
2019/08/08 Python
爬虫代理池Python3WebSpider源代码测试过程解析
2019/12/20 Python
彻底搞懂python 迭代器和生成器
2020/09/07 Python
CSS3 Calc实现滚动条出现页面不跳动问题
2017/09/14 HTML / CSS
东芝官网商城:还原日式美学,打造美好生活
2018/12/27 全球购物
C#实现对任一张表的数据进行增,删,改,查要求,运用Webservice,体现出三层架构
2014/07/11 面试题
公司培训心得体会
2014/01/03 职场文书
快餐店的创业计划书范文
2014/01/29 职场文书
2015年度员工自我评价范文
2015/03/11 职场文书
2019个人工作自我评价范文(3篇)
2019/09/19 职场文书