JavaScript实现字符串逆置的几种方法
1. 一般来说js实现字符串逆置输出的一般思路是:
1、将字符串转为数组,一个字符为数组的一个元素;
2、将数组倒置;
3、再将数组元素拼接为字符串。
2. 一般用到的方法有:
join():该方法用于把数组中的所有元素放入一个字符串。元素是通过指定的分隔符进行分隔的。
split():将一个字符串分割为子字符串数组,然后将结果作为字符串数组返回。
reverse():返回一个元素顺序被反转的 Array 对象。
charAt(): 返回指定位置的字符。
3. 下面是几种利用js都实现了字符串的逆置输出。
/*方法一:利用Array对象的reverse()方法,用于颠倒数组中元素的顺序。*/
var str1 = "abcdefg";
var result1 = str1.split("").reverse().join("");
console.log(result1); //gfedcba
/*方法二:*/
var str2 = "abcdefg";
for(var i = str2.length - 1; i >= 0; i--){
console.log(str2.charAt(i));
//结果:逆序输出abcdefg,但是每行只输出一个字符
}
/*方法三:调用一个单独的函数实现*/
function Reverse(str) {
var len = str.length;
var result = "";
if(len == 0){
return null;
}
while( --len >= 0 ){
result += str.charAt(len);
}
return result; //gfedcba
}
var str3 = "abcdefg";
var result3 = Reverse(str3);
console.log(result3);
/*方法四:利用call():调用一个对象的一个方法,以另一个对象替换当前对象。*/
var str4 = "abcdefg";
var result4 = Array.prototype.slice.call(str4).reverse().join("");
console.log(result4); //gfedcba
/*方法五:利用排序实现*/
function Sort(a,b) {
return b.localeCompare(a); //反序排列
//return a.localeCompare(b); //正序排列
}
var str5 = "abcdefg";
var result5 = str5.split("").sort(Sort).join("");
console.log(result5); //gfedcba
/*方法六:利用堆栈实现字符串逆置输出:先实现一个栈,然后再利用这个栈将字符串逆置输出*/
function stack() {
this.data = []; //保存栈内元素
this.top = 0; //记录栈顶位置
}
stack.prototype = {
push: function push(element) { //入栈:先在栈顶添加元素,然后元素个数加1
this.data[this.top++] = element;
},
pop: function pop() { //出栈:先返回栈顶元素,然后元素个数减1
return this.data[--this.top];
},
peek: function peek() { //查找栈顶元素
return this.data[this.top-1];
},
clear: function () { //清空栈内元素
this.top = 0;
},
length: function () { //返回栈内的元素个数,即长度
return this.top;
}
}
function reverse(str) { //利用这个栈实现字符串逆置输出
var s = new stack(); //创建一个栈的实例
var arr = str.split(''); //将字符串转成数组
var len = arr.length;
for(var i=0; i<len; i++){ //将元素压入栈内
s.push(arr[i]);
}
for(var i=0; i<len; i++){ //输出栈内元素
console.log(s.pop());
}
}
var str6 = "abcdefg";
reverse(str6);
4.堆栈的补充理解
堆栈实现:
pop() :删除集合的最后一个元素,并返回元素的值。
push() :将元素添加到集合的结尾。
栈的主要方法和属性:
入栈。push方法;
出栈。pop方法;
访问栈顶元素。peek方法;
清除所有栈内元素。clear方法;
记录栈顶位置。top属性;
判断栈内是否有元素存在。length方法;
PS:如果您还有更好更多的字符串逆序的实现方式,欢迎给我留言或与本人联系哦.
JavaScript实现字符串逆置的几种方法的更多相关文章
- Javascript 去掉字符串前后空格的五种方法
第一种:循环检查替换 [javascript] //供使用者调用 function trim(s){ return trimRight(trimLeft(s)); } //去掉左边的空白 functi ...
- JavaScript字符串转数字的5种方法及其陷阱
摘要 :JavaScript 是一个神奇的语言,字符串转数字有 5 种方法,各有各的坑法! String 转换为 Number 有很多种方式,我可以想到的有 5 种! parseInt(num); / ...
- C语言strrev()函数:字符串逆置(倒序、逆序)
头文件:#include<string.h> strrev()函数将字符串逆置,其原型为: char *strrev(char *str); [参数说明]str为要逆置的字符串. s ...
- C#判断字符串为空的几种方法和效率判断
C#判断字符串为空的几种方法和效率判断 string定义 1.1 string str1="":会定义指针(栈),并在内存里划一块值为空的存储空间(堆),指针指向这个空间.1.2 ...
- [转] 用javascript修改css伪类的几种方法
用javascript修改css伪类的几种方法: Modify pseudo element styles with JavaScript http://pankajparashar.com/post ...
- Javascript将字符串日期格式化为yyyy-mm-dd的方法 js number 类型 没有length 属性 string类型才有
日期格式化相信对于大家来说再熟悉不过,最近工作中自己利用Javascript就写了一个,现在将实现的代码分享给大家,希望对有需要的朋友们能有所帮助,感兴趣的朋友们下面来一起看看吧. 这篇文章主要介绍的 ...
- js字符串转换为数字的三种方法。(转换函数)(强制类型转换)(利用js变量弱类型转换)
js字符串转换为数字的三种方法.(转换函数)(强制类型转换)(利用js变量弱类型转换) 一.总结 js字符串转换为数字的三种方法(parseInt("1234blue"))(Num ...
- 详解JavaScript数组过滤相同元素的5种方法
详解JavaScript数组过滤相同元素的5种方法:https://www.jb51.net/article/114490.htm
- java字符串大小写转换的两种方法
转载自:飞扬青春sina blogjava字符串大小写转换的两种方法 import java.io..* public class convertToPrintString { pu ...
随机推荐
- C语言 · 单词数统计
单词数统计 输入一个字符串,求它包含多少个单词. 单词间以一个或者多个空格分开. 第一个单词前,最后一个单词后也可能有0到多个空格. 比如:" abc xyz" 包含两个单词 ...
- Ceph相关
Ceph基础知识和基础架构简介 http://www.xuxiaopang.com/2020/10/09/list/#more大话Ceph http://www.xuxiaopang.com/2016 ...
- JavaScript数组删除指定元素
^_^ function arrayRemoveItem(arr, delVal) { if (arr instanceof Array) { var index = arr.indexOf(delV ...
- Linux下配置环境变量—— .bashrc 和 /etc/profile
转载:https://blog.csdn.net/sun8112133/article/details/79901527 首先简单说一下什么是环境变量?环境变量简单的说就是当前环境下的参数或者变量.如 ...
- Git忽略已经被版本控制的文件(添加.gitignore不会起作用)
说明:已经被维护起来的文件(需要被远程仓库控制),即使加入.gitignore也会无济于事. .gitignore只对那些只存在在本地,而不在远程仓库的文件起作用.(untraked file). 操 ...
- I - The lazy programmer 贪心+优先队列
来源poj2970 A new web-design studio, called SMART (Simply Masters of ART), employs two people. The fir ...
- vue2中使用transition
最终效果为 div元素从右向左出现, 然后从左向右消失. transition标签包裹要移动的元素: css 样式: 其中: 1: 为div元素显示时的状态 2: 为div元素移动的过程 (进入 ...
- react学习笔记01
被项目拖了半年的我终于有时间学习react 了 下面是我最近学习的笔记 支持jsx语法 ReactDOM.render( <div> <h1>hello, word</h ...
- STM32手记
20k的ram,64k的Flash 2.3.7: 复位,内部8MHz工作. 外部时钟出错时,自动切换到内部RC时钟,可设置该中断,PLL同样能监测. 高速时钟最大72M,低速时钟,最大36M. 2.3 ...
- Luogu 1068 - 分数线划定 - [快速排序]
题目链接:https://www.luogu.org/problemnew/show/P1068 题目描述世博会志愿者的选拔工作正在 A 市如火如荼的进行.为了选拔最合适的人才,A 市对所有报名的选手 ...