一、第一种方式(利用charAt()这个函数实现)

  代码如下:

      var str="你好世界!!!!";
      var str1="";//这里创建一个空字符串用来拼接后面的字符;
      function str_reverse1(a){
        if(a.length>0){//判断传入的参数是否为空;
          for(var i=a.length-1;i>=0;i--){
             str1+=a.charAt(i);//charAt(i);这个函数是返回字符串中下标为i的那个字符;
           }
            document.write(str1);//输出这个字符串
        }
      }

      str_reverse1(str);//调用这个函数

      输出结果如下:!!!!界世好你

二、第二种方式(利用split()这个函数切割数组,反向输出)

  代码如下: 

      var str="你好世界!!!!"; 

      function str_reverse2(a){

        if(a.length>0){//判断传入的参数是否为空;
          var str_arry=str.split("");//把字符串切割数组
          for(var i=str.length-1;i>=0;i--){//利用for循环从后往前输出数组;达到想要的效果
            document.write(str_arry[i]);
           }
       }
      }

      

      str_reverse2(str);//调用这个函数

      输出结果如下:!!!!界世好你

三、第三种方式(利用split()函数切割数组并且用reverse()逆转数组之后利用join()拼接数组)

  代码如下:

        function str_reverse3(a){
          if(a.length>0){
            var str_arry=a.split("").reverse().join("");
            document.write(str_arry);
          }
        }

      str_reverse3(str);//调用这个函数

      输出结果如下:!!!!界世好你

四、第四种方式(利用split(),切割为函数然后通过调换前后位置来实现)

  代码如下:

      function str_reverse4(a){
            if(a.length>0){
              var str_arry=a.split("");
              var temp;
              for(var i=0;i<(str_arry.length)/2;i++){
              temp=str_arry[str_arry.length-1-i];
              str_arry[str_arry.length-1-i]=str_arry[i];
              str_arry[i]=temp;
              }
            var str_reverse=str_arry.join("");
            document.write(str_reverse);
            }
      }

      

      str_reverse4(str);//调用这个函数

      输出结果如下:!!!!界世好你

js实现字符串逆向输出的4种方式的更多相关文章

  1. js中将字符串转为JSON的三种方式

    1.eval方式解析,恐怕这是最早的解析方式了.如下: function strToJson(str){ var json = eval('(' + str + ')'); return json; ...

  2. C# 对象与JSON字符串互相转换的三种方式

    C# 对象与JSON字符串互相转换的三种方式 JSON(JavaScript Object Notation, JS 对象标记) 是一种轻量级的数据交换格式. 关于内存对象和JSON字符串的相互转换, ...

  3. JSON字符串互相转换的三种方式和性能比较

    C# 对象与JSON字符串互相转换的三种方式 JSON(JavaScript Object Notation, JS 对象标记) 是一种轻量级的数据交换格式. 关于内存对象和JSON字符串的相互转换, ...

  4. javascript消除字符串两边空格的两种方式,面向对象和函数式编程。python oop在调用时候的优点

    主要是javascript中消除字符串空格,比较两种方式的不同 //面向对象,消除字符串两边空格 String.prototype.trim = function() { return this.re ...

  5. Python格式化输出的三种方式

    Python格式化输出的三种方式 一.占位符 程序中经常会有这样场景:要求用户输入信息,然后打印成固定的格式比如要求用户输入用户名和年龄,然后打印如下格式:My name is xxx,my age ...

  6. 格式化输出的三种方式,运算符及流程控制之if判断

    ''' 格式化输出的三种方式,运算符及流程控制之if判断 ''' # 格式化输出的三种方式 # 一.占位符 程序中经常会有这样场景:要求用户输入信息,然后打印成固定的格式 比如要求用户输入用户名和年龄 ...

  7. js关闭当前页面(窗口)的几种方式总结(转)

    js关闭当前页面(窗口)的几种方式总结     1. 不带任何提示关闭窗口的js代码 代码如下 <a href="javascript:window.opener=null;windo ...

  8. JAVA中集合输出的四种方式

    在JAVA中Collection输出有四种方式,分别如下: 一) Iterator输出. 该方式适用于Collection的所有子类. public class Hello { public stat ...

  9. js实现页面跳转的两种方式

      CreateTime--2017年8月24日08:13:52Author:Marydon js实现页面跳转的两种方式 方式一: window.location.href = url 说明:我们常用 ...

随机推荐

  1. mysql 数据库 创建用户和授权

    创建用户和密码 CREATE USER '用户名'@'%' IDENTIFIED BY '密码'; 创建几个数据库 例如 db1,db2 用户授权访问指定的数据库 grant all privileg ...

  2. CentOS 6.5 搭建DNS服务器

    1.安装bind yum install -y bind 2.修改named.conf主配置文件 vim /etc/named.conf 图中圈中的地方改为any 3.配置正向.反向解析 vim /e ...

  3. one note使用

    one note 插件及使用 https://sspai.com/post/46957 one note空间大小限制 https://www.jianshu.com/p/5232510fd165

  4. HDU-1425-sort(计数排序以及快速排序和堆排序的变种)

    计数排序 Accepted 1425 483MS 5276K 997 B G++ #include "bits/stdc++.h" using namespace std; typ ...

  5. html和jsp页面中把文本框禁用,只能读不能写的方法

    方法常用有三种: 第一种,使用   onfocus="this.blur()" <input name="deptno" type="text& ...

  6. SpringMVC在使用过程中的错误

    HTTP Status 500 - Request processing failed; nested exception is org.springframework.validation.Bind ...

  7. 吴裕雄--天生自然python编程:pycharm常用快捷键问题

    最近在使用pycharm的时候发现不能正常使用ctrl+c/v进行复制粘贴,也无法使用tab键对大段代码进行整体缩进.后来发现是因为安装了vim插件的问题,在setting里找到vim插件,取消勾选即 ...

  8. spring整合ehcache实现缓存

    Spring 提供了对缓存功能的抽象:即允许绑定不同的缓存解决方案(如Ehcache),但本身不直接提供缓存功能的实现.它支持注解方式使用缓存,非常方便. spring本身内置了对Cache的支持,之 ...

  9. Navicat导入导出数据表

    当我们对mysql数据库进行了误操作,造成某个数据表中的部分数据丢失时,肯定就要利用备份的数据库,对丢失部分的数据进行导出.导入操作了.Navicat工具正好给我们提供了一个数据表的导入导出功能. 1 ...

  10. Laravel wxxcx 微信小程序获取用户信息

    wxxcx 是Laravel5微信小程序登录获取用户信息扩展 部署 12345678 # 安装$ composer require iwanli/wxxcx# 注册服务# 在 /config/app. ...