js常用方法、检查是否有特殊字符串、倒序截取字符串操作完整示例

 更新时间:2020年01月26日 12:19:31   作者:echo曦  
这篇文章主要介绍了js常用方法、检查是否有特殊字符串、倒序截取字符串操作,结合完整实例形式分析了JavaScript字符串转换、检测、倒序、截取等相关操作技巧,需要的朋友可以参考下

本文实例讲述了js常用方法、检查是否有特殊字符串、倒序截取字符串操作。分享给大家供大家参考,具体如下:

js常用方法demo

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-cn">
<head>
  <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
  <title>网页标题</title>
  <meta name="keywords" content="关键字列表" />
  <meta name="description" content="网页描述" />
  <link rel="stylesheet" type="text/css" href="" />
  <style type="text/css"></style>
  <script type="text/javascript">
  //大写和小写方法
  var str="javascript";
  var str1="HTML";
  document.write(str.toUpperCase()+"<br>");
  document.write(str1.toLowerCase());
  document.write("<hr>");
  //分割后的数组
  var week="星期一|星期二";
  var arr=week.split("|");
  document.write(arr);
  document.write("<hr>");
  //正则匹配
  var str="hello世界,hello美女,hello帅哥";
  //创建一个正则表达式
  var reg=/hello/g;
  document.write(str.replace(reg,"你好"));
  document.write("<hr>");
  //重新排序
  var arr=["北京市","重庆市","福建市"];
  document.write(arr.sort(sortby));
  function sortby(c,d){
    return c.localeCompare(d); //localeCompare()方法实现中文排序、sort方法实现数字英文混合排序
  }
  </script>
</head>
<body>
</body>
</html>

检验字符串是否含特殊符号demo

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-cn">
<head>
  <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
  <title>网页标题</title>
  <meta name="keywords" content="关键字列表" />
  <meta name="description" content="网页描述" />
  <link rel="stylesheet" type="text/css" href="" />
  <style type="text/css"></style>
  <script type="text/javascript">
  //检验的字符串,自行修改
  var username="qiu<qiongben";
  var flag=checkUserName(username);
  function checkUserName(user){
     //特殊符号包含项,自行修改
    var arr=['<','>','#','?','!'];
    var user_length=user.length;
    var arr_length=arr.length;
      for(var i=0;i<user_length;i++){
        for(var j=0;j<arr_length;j++){
          if(user.charAt(i)==arr[j]){
             return false;
          }
        }
      }
    return true;
  }
  if(flag){
    document.write("合法");
  }
  else{
  document.write("有特殊符号");
  }
  </script>
</head>
<body>
</body>
</html>

倒序截取字符串demo

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-cn">
<head>
  <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
  <title>网页标题</title>
  <meta name="keywords" content="关键字列表" />
  <meta name="description" content="网页描述" />
  <link rel="stylesheet" type="text/css" href="" />
  <style type="text/css"></style>
  <script type="text/javascript">
  var str="javascript";
  var len=str.length;
   //数据结果(10-1)倒序字符串下标值
  for(var i=str.length;i>0;i--){
     document.write(str.charAt(i));//charAt将对应下标 输出结果:tpircsava
  }
  </script>
</head>
<body>
</body>
</html>

感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具http://tools.jb51.net/code/HtmlJsRun测试上述代码运行效果。

更多关于JavaScript相关内容还可查看本站专题:《JavaScript字符与字符串操作技巧总结》、《JavaScript数组操作技巧总结》、《JavaScript遍历算法与技巧总结》、《JavaScript数学运算用法总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript查找算法技巧总结》及《JavaScript错误与调试技巧总结

希望本文所述对大家JavaScript程序设计有所帮助。

相关文章

  • jquery的$(document).ready()和onload的加载顺序

    jquery的$(document).ready()和onload的加载顺序

    最近在改一个嵌入在frame中的页面的时候,使用了jquery做效果,而页面本身也绑定了onload事件。改完后,Firefox下测试正常流畅,IE下就要等个十几秒jquery的效果才出现,黄花菜都凉了。
    2010-05-05
  • JavaScript实现前端实时搜索功能

    JavaScript实现前端实时搜索功能

    这篇文章主要为大家详细介绍了JavaScript实现前端实时搜索功能 ,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-04-04
  • elementui更改el-dialog关闭按钮的图标d的示例代码

    elementui更改el-dialog关闭按钮的图标d的示例代码

    这篇文章主要介绍了elementui更改el-dialog关闭按钮的图标,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-08-08
  • js模拟淘宝网的多级选择菜单实现方法

    js模拟淘宝网的多级选择菜单实现方法

    这篇文章主要介绍了js模拟淘宝网的多级选择菜单实现方法,涉及javascript针对页面元素结点的遍历与设置等操作技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-08-08
  • 详解JavaScript添加给定的标签选项

    详解JavaScript添加给定的标签选项

    这篇文章给大家分享了JavaScript实现添加给定的标签选项的相关知识点内容以及代码实例,有兴趣的朋友们参考下。
    2018-09-09
  • js判断传入时间和当前时间大小实例(超简单)

    js判断传入时间和当前时间大小实例(超简单)

    下面小编就为大家分享一篇js判断传入时间和当前时间大小实例(超简单),具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-01-01
  • setTimeout自动触发一个js的方法

    setTimeout自动触发一个js的方法

    本文为大家介绍下使用setTimeout自动触发一个js,具体实现如下,喜欢的朋友可以学习下
    2014-01-01
  • ES6学习教程之Map的常用方法总结

    ES6学习教程之Map的常用方法总结

    Map 是 ES6 中新增的一种数据结构,与 Set 一起添加,其实功能都差不多。下面这篇文章主要给大家总结介绍了关于ES6学习教程之Map的常用方法,文中通过示例代码介绍的非常详细,需要的朋友可以参考借鉴,下面来一起看看吧。
    2017-08-08
  • Bootstrap的图片轮播示例代码

    Bootstrap的图片轮播示例代码

    Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的。本文给大家分享Bootstrap的图片轮播示例代码,小伙伴们快来围观吧。
    2015-08-08
  • 在HTML代码中使用JavaScript代码的例子

    在HTML代码中使用JavaScript代码的例子

    这篇文章主要介绍了在HTML代码中使用JavaScript代码的例子,本文是入门级示例,初学js的同学不要错过,需要的朋友可以参考下
    2014-10-10

最新评论