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实现字符串逆置的几种方法的更多相关文章

  1. Javascript 去掉字符串前后空格的五种方法

    第一种:循环检查替换 [javascript] //供使用者调用 function trim(s){ return trimRight(trimLeft(s)); } //去掉左边的空白 functi ...

  2. JavaScript字符串转数字的5种方法及其陷阱

    摘要 :JavaScript 是一个神奇的语言,字符串转数字有 5 种方法,各有各的坑法! String 转换为 Number 有很多种方式,我可以想到的有 5 种! parseInt(num); / ...

  3. C语言strrev()函数:字符串逆置(倒序、逆序)

    头文件:#include<string.h> strrev()函数将字符串逆置,其原型为:    char *strrev(char *str); [参数说明]str为要逆置的字符串. s ...

  4. C#判断字符串为空的几种方法和效率判断

    C#判断字符串为空的几种方法和效率判断 string定义 1.1 string str1="":会定义指针(栈),并在内存里划一块值为空的存储空间(堆),指针指向这个空间.1.2 ...

  5. [转] 用javascript修改css伪类的几种方法

    用javascript修改css伪类的几种方法: Modify pseudo element styles with JavaScript http://pankajparashar.com/post ...

  6. Javascript将字符串日期格式化为yyyy-mm-dd的方法 js number 类型 没有length 属性 string类型才有

    日期格式化相信对于大家来说再熟悉不过,最近工作中自己利用Javascript就写了一个,现在将实现的代码分享给大家,希望对有需要的朋友们能有所帮助,感兴趣的朋友们下面来一起看看吧. 这篇文章主要介绍的 ...

  7. js字符串转换为数字的三种方法。(转换函数)(强制类型转换)(利用js变量弱类型转换)

    js字符串转换为数字的三种方法.(转换函数)(强制类型转换)(利用js变量弱类型转换) 一.总结 js字符串转换为数字的三种方法(parseInt("1234blue"))(Num ...

  8. 详解JavaScript数组过滤相同元素的5种方法

    详解JavaScript数组过滤相同元素的5种方法:https://www.jb51.net/article/114490.htm

  9. java字符串大小写转换的两种方法

    转载自:飞扬青春sina blogjava字符串大小写转换的两种方法 import java.io..* public class convertToPrintString {          pu ...

随机推荐

  1. am335x ubi Read-only mode

    是因为kernel里面有一个错误,要注释一下就好.

  2. gsoap使用总结

    WebService.soap.gsoap基本概念 WebService服务基本概念:就是一个应用程序,它向外界暴露出一个可以通过web进行调用的API,是分布式的服务组件.本质上就是要以标准的形式实 ...

  3. MySQL中TEXT与BLOB字段类型的区别

    这篇文章主要介绍了MySQL中TEXT与BLOB字段类型的区别,本文总结了6大区别,需要的朋友可以参考下   在MySQL中有两个字段类型容易让人感觉混淆,那就是TEXT与BLOB,特别是自己写博客程 ...

  4. 框架源码系列十一:事务管理(Spring事务管理的特点、事务概念学习、Spring事务使用学习、Spring事务管理API学习、Spring事务源码学习)

    一.Spring事务管理的特点 Spring框架为事务管理提供一套统一的抽象,带来的好处有:1. 跨不同事务API的统一的编程模型,无论你使用的是jdbc.jta.jpa.hibernate.2. 支 ...

  5. springboot-async

    在项目中,当访问其他人的接口较慢或者做耗时任务时,不想程序一直卡在耗时任务上,想程序能够并行执行, 我们可以使用多线程来并行的处理任务,也可以使用spring提供的异步处理方式@Async. Spri ...

  6. bootstrap 列表組

    <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> ...

  7. MySQL优化之——备份和恢复

    转载请注明出处:http://blog.csdn.net/l1028386804/article/details/46766919 备份 逻辑备份方法 使用MYSQLDUMP命令备份 MYSQLDUM ...

  8. js上传

    有时候需要显示进度,这时候就需要做一些切割,具体上传代码如下: <!DOCTYPE HTML> <html lang="en-US"> <head&g ...

  9. react项目使用bootstrap

    曾经对于react项目怎么使用bootstrap纠结了很久,网上也查了好多的资料,有的用react-bootstrap,只要npm install 以后,import就可以使用里面的css了.但是这个 ...

  10. vim不支持鼠标中键拷贝粘贴

    ubuntu 和mint默认安装的vim是不支持系统剪切.粘贴版的,需要执行以下安装:sudo apt-get install vim-gnome