首页 > 编程语言 >javaScript-2 字符串处理

javaScript-2 字符串处理

时间:2022-09-25 23:23:40浏览次数:58  
标签:originalString 处理 javaScript var getElementById innerText 字符串 document

字符串处理

字符串处理

<!DOCTYPE html>
<html>
  <head>
    <title>字符串处理</title>

  </head>
  <body>
    <h1>字符串处理</h1>
    原始字符串: <span id="originalString"></span><br/>
    trim 去除首尾空格:<span id="trimString"></span><br/>
    indexOf("ho") ho首次出现的位置:<span id="indexOfString"></span><br/>
    split(" ") 把一个字符串分割成字符串数组:<span id="splitString"></span><br/>
    replace(" ","-") 把首个空格替换为-:<span id="replaceString"></span><br/>
    replaceAll(" ","-") 把所有空格替换为-:<span id="replaceAllString"></span><br/>
    substr(1,3) 索引1-3的值包括1-3 <span id="substrString"></span><br/>
    substring(1,3) 索引1-3的值包括1-2 不包括3 <span id="subString"></span><br/>
    toLowerCase 变更为小写 <span id="toLowerCaseString"></span><br/>
    toUpperCase 变更为大写 <span id="toUpperCaseString"></span><br />

    <h1>数据比对</h1>
    "3"==3?<span id="spnEquals"></span><br />
        "3"===3?<span id="spnFullEquals"></span><br />
        "4"!=4?<span id="spnNotEquals"></span><br />
        "4"!==4?<span id="spnFullNotEquals"></span><br />

    <script type="text/javascript">
      var originalString = " Welcome to our hotel ";
      var trimString = originalString.trim();
      var indexOfString = originalString.indexOf("ho");
      var splitString = originalString.split(" ");
      var replaceString = originalString.replace(" ","-");
      var replaceAllString = originalString.replaceAll(" ","-");
      var substrString = originalString.substr(1,3);
      var subString = originalString.substring(1,3);
      var toLowerCaseString = originalString.toLowerCase();
          var toUpperCaseString = originalString.toUpperCase();
        


      document.getElementById("originalString").innerText=originalString + "(字符长度:"+originalString.length+")";
      document.getElementById("trimString").innerText=trimString + "(字符长度:"+trimString.length+")";
      document.getElementById("indexOfString").innerText=indexOfString;
      document.getElementById("splitString").innerText=splitString;
      document.getElementById("replaceString").innerText=replaceString;
      document.getElementById("replaceAllString").innerText=replaceAllString;
      document.getElementById("substrString").innerText=substrString;
      document.getElementById("subString").innerText=subString;
      document.getElementById("toLowerCaseString").innerText = toLowerCaseString;
          document.getElementById("toUpperCaseString").innerText = toUpperCaseString;
      document.getElementById("spnEquals").innerText = ("3"==3);
          document.getElementById("spnFullEquals").innerText = ("3"===3);
          document.getElementById("spnNotEquals").innerText = ("4"!=4);
          document.getElementById("spnFullNotEquals").innerText = ("4"!==4);

    </script>
  </body>
</html>

 

原始字符串:
trim 去除首尾空格:
indexOf("ho") ho首次出现的位置:
split(" ") 把一个字符串分割成字符串数组:
replace(" ","-") 把首个空格替换为-:
replaceAll(" ","-") 把所有空格替换为-:
substr(1,3) 索引1-3的值包括1-3
substring(1,3) 索引1-3的值包括1-2 不包括3
toLowerCase 变更为小写
toUpperCase 变更为大写

数据比对

"3"==3?
"3"===3?
"4"!=4?
"4"!==4?

标签:originalString,处理,javaScript,var,getElementById,innerText,字符串,document
From: https://www.cnblogs.com/dwdw/p/16729364.html

相关文章

  • 基于注解的字段脱敏处理
    java中对自定义注解的说明请参见:http://www.cnblogs.com/peida/archive/2013/04/24/3036689.htmlhttp://www.cnblogs.com/peida/archive/2013/04/26/3038503.html有......
  • redis的字符串String类型基本操作
    1、首先连上你的redis以下一些命令很简单,或者执行命令后效果也无法体现的就没有进行截图展示2、String相关操作-------------------设置值-------------------设置指......
  • Chrome插件开发background_js支持跨域请求与返回async和await的处理
    background.js的配置chrome.runtime.onMessage.addListener((request,sender,sendResponse)=>{switch(request.type){case'fetchChromeXmlrpc':......
  • Flutter发布Release版安装后Crash问题处理
    一、发布Flutterapp命令在flutter项目根目录下打开cmd执行:flutterbuildapk--release命令即可。二、安装后运行crash问题处理在flutter项目根目录下打开cmd执行:flut......
  • 《JavaScript高级程序设计》Chapter03学习笔记
    Chapter03JavaScriptLanguageSyntax类C区分大小写,标识符可以字母、下划线(_)、美元符号($)开头语句以分号(;)结尾:虽然不加分号也是被允许的,但会导致性能的降......
  • 如何使用Modelsim进行图像处理仿真
    #modelsim如何仿真AlteraIP##建立仿真库我们将IP核等相关库文件编译到Modelsim中后,以后凡是设计中调用到IP核时,我们就不用再重复添加了。我们看一下如何在Modelsim中......
  • BM83 字符串变形
    描述对于一个长度为n 字符串,我们需要对它做一些变形。 首先这个字符串中包含着一些空格,就像"HelloWorld"一样,然后我们要做的是把这个字符串中由空格隔开的单词反......
  • JavaScript权威指南中文-第五版 pdf
    高清扫描版下载链接:https://pan.baidu.com/s/1IZ0TCpQdsYR4YT5mQSj_8w点击这里获取提取码 ......
  • pip下载处理超时问题(本地环境配置)
    1、打开本地电脑的C盘,例如C:\Users路径下创建一个名为pip的文件夹,如图:   2、进入pip文件夹,新建文件命名pip.ini    3、进入文件,编写内容如下(意思是将......
  • 【以练促学】(C++基础语法)字符串篇
    (持续刷题持续更新...) 1.读取字符串cin>>arr;//输入字符串时,遇到空格或回车就会停止2. 读含空格字符串的3种方法:fgets(arr,100,stdin);cin.getline(arr,10......