字符方法

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <title>字符方法</title>
  6. </head>
  7. <body>
  8. <script type="text/javascript">
  9. /*
  10. charAt方法和charCodeAt方法都接收一个参数，基于0的字符位置
  11. charAt方法是以单字符字符串的形式返回给定位置的那个字符
  12. charCodeAt方法获取到的不是字符而是字符编码
  13. */
  14. var str="hello world";
  15. console.log(str.charAt(1));//e
  16. console.log(str.charCodeAt(1));//101
  17. //还可以使用方括号加数字索引来访问字符串中特定的字符
  18. console.log(str[1]);//e
  19. </script>
  20. </body>
  21. </html>

字符串操作方法

concat方法

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <title>concat方法</title>
  6. </head>
  7. <body>
  8. <script type="text/javascript">
  9. var str="hello ";
  10. var res=str.concat("world");
  11. console.log(res);//hello world
  12. console.log(str);//hello    这说明原来字符串的值没有改变
  13. var res1=str.concat("nihao","!");
  14. console.log(res1);//hello nihao!   说明concat方法可以接收任意多个参数
  15. //虽然concat方法是专门用来拼接字符串的，但是实践中我们使用最多的还是加操作符+，因为其简易便行
  16. </script>
  17. </body>
  18. </html>

slice方法、substring方法、substr方法

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <title>字符串操作方法</title>
  6. </head>
  7. <body>
  8. <script type="text/javascript">
  9. /*
  10. slice方法：第一个参数指定子字符串开始位置，第二个参数表示子字符串最后一个字符后面的位置
  11. substring方法：第一个参数指定子字符串开始位置，第二个参数表示子字符串最后一个字符后面的位置
  12. substr方法：第一个参数指定子字符串开始位置，第二个参数表示返回的字符个数
  13. 这三个方法都会返回被操作字符串的一个子字符串，都接收一或两个参数
  14. 如果没有给这些方法传递第二个参数，则将字符串的长度作为结束位置。这些方法也不会修改字符串本身，只是返回一个基本类型的字符串值
  15. */
  16. var str="hello world";
  17. console.log(str.slice(3));//lo world
  18. console.log(str.substring(3));//lo world
  19. console.log(str.substr(3));//lo world
  20. console.log(str.slice(3,7));//lo w    7表示子字符串最后一个字符后面的位置   简单理解就是包含头不包含尾
  21. console.log(str.substring(3,7));//lo w
  22. console.log(str.substr(3,7));//lo worl  7表示返回7个字符
  23. console.log(str.slice(3,-4));//lo w    -4+11=7表示子字符串最后一个字符后面的位置   简单理解就是包含头不包含尾
  24. console.log(str.substring(3,-4));//hel   会转换为console.log(str.substring(3,0));
  25. //此外由于这个方法会将较小数作为开始位置，较大数作为结束位置，所以相当于调用console.log(str.substring(0,3));
  26. console.log(str.substr(3,-4));//""空字符串
  27. console.log(str.substring(3,0));
  28. </script>
  29. </body>
  30. </html>

字符串位置方法

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <title>字符串位置方法</title>
  6. </head>
  7. <body>
  8. <script type="text/javascript">
  9. /*
  10. indexOf方法和lastIndexOf方法都是从一个字符串中搜索给定的子字符串，然后返回子字符串的位置，如果没有找到，则返回-1
  11. indexOf方法是从字符串的开头向后搜索子字符串，lastIndexOf方法正好相反
  12. 这两个方法都可以接收两个参数：要查找的子字符串和查找的位置
  13. */
  14. var str="hello world";
  15. console.log(str.indexOf("o"));//4
  16. console.log(str.lastIndexOf("o"));//7
  17. console.log(str.indexOf("o",6));//7
  18. console.log(str.lastIndexOf("o",6));//4
  19. </script>
  20. </body>
  21. </html>

trim方法

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <title>trim方法</title>
  6. </head>
  7. <body>
  8. <script type="text/javascript">
  9. /*
  10. trim方法用来删除字符串前后的空格
  11. */
  12. var str="     hello world      ";
  13. console.log('('+str.trim()+')');//(hello world)
  14. console.log('('+str+')');//(     hello world      )
  15. </script>
  16. </body>
  17. </html>

字符串大小写转换方法

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <title>大小写转换</title>
  6. </head>
  7. <body>
  8. <script type="text/javascript">
  9. var str="HELLO world";
  10. console.log(str.toLowerCase());//hello world
  11. console.log(str.toUpperCase());//HELLO WORLD
  12. </script>
  13. </body>
  14. </html>

字符串模式匹配方法

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <title>字符串模式匹配</title>
  6. </head>
  7. <body>
  8. <script type="text/javascript">
  9. /*
  10. match方法：只接受一个参数，由字符串或RegExp对象指定的一个正则表达式
  11. search方法：只接受一个参数，由字符串或RegExp对象指定的一个正则表达式
  12. search方法返回字符串中第一个匹配项的索引，如果没有匹配项，返回-1
  13. */
  14. var str="cat,bat,sat,fat";
  15. var pattern=/.at/;
  16. var matches=str.match(pattern);
  17. console.log(matches.index);//0
  18. console.log(matches[0]);//cat
  19. console.log(pattern.lastIndex);//0
  20. //lastIndex表示开始搜索下一个匹配项的字符位置，从0算起
  21. var pos=str.search(/at/);
  22. console.log(pos);//1  1表示at字符串在原来字符串中第一次出现的位置
  23. </script>
  24. </body>
  25. </html>

replace方法

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <title>replace方法</title>
  6. </head>
  7. <body>
  8. <script type="text/javascript">
  9. var str="cat,bat,sat,fat";
  10. var res=str.replace("at","one");//第一个参数是字符串，所以只会替换第一个子字符串
  11. console.log(res);//cone,bat,sat,fat
  12. var res1=str.replace(/at/g,"one");//第一个参数是正则表达式，所以会替换所有的子字符串
  13. console.log(res1);//cone,bone,sone,fone
  14. </script>
  15. </body>
  16. </html>

split方法

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <title>split方法</title>
  6. </head>
  7. <body>
  8. <script type="text/javascript">
  9. /*
  10. split方法是基于指定的字符，将字符串分割成字符串数组
  11. 当指定的字符为空字符串时，将会分隔整个字符串
  12. */
  13. var str="red,blue,green,yellow";
  14. console.log(str.split(","));//["red", "blue", "green", "yellow"]
  15. console.log(str.split(",",2));//["red", "blue"]   第二个参数用来限制数组大小
  16. console.log(str.split(/[^\,]+/));// ["", ",", ",", ",", ""]
  17. //第一项和最后一项为空字符串是因为正则表达式指定的分隔符出现在了子字符串的开头，即"red"和"yellow"
  18. //[^...]  不在方括号内的任意字符    只要不是逗号都是分隔符
  19. </script>
  20. </body>
  21. </html>

localeCompare方法

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <title>localeCompare方法</title>
  6. </head>
  7. <body>
  8. <script type="text/javascript">
  9. /*
  10. 这个方法用于比较两个字符串
  11. 1.如果字符串在字母表中应该排在字符串参数之前，则返回一个负数
  12. 1.如果字符串等于字符串参数，则返回0
  13. 1.如果字符串在字母表中应该排在字符串参数之后，则返回一个正数
  14. */
  15. var str="yellow";
  16. console.log(str.localeCompare("brick"));//1
  17. console.log(str.localeCompare("yellow"));//0
  18. console.log(str.localeCompare("zoo"));//-1
  19. </script>
  20. </body>
  21. </html>

fromCharCode方法

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <title>fromCharCode方法</title>
  6. </head>
  7. <body>
  8. <script type="text/javascript">
  9. /*
  10. fromCharCode方法是接收一或多个字符编码，然后将其转换为字符串
  11. fromCharCode方法是String构造函数的一个静态方法
  12. */
  13. console.log(String.fromCharCode(104,101,108,108,111));//hello
  14. </script>
  15. </body>
  16. </html>

找到匹配字符串所在的各个位置

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <title>字符串匹配</title>
  6. </head>
  7. <body>
  8. <script type="text/javascript">
  9. /*找到匹配字符串所在的各个位置*/
  10. var str="asadajhjkadaaasdasdasdasd";
  11. var position=[];
  12. var pos=str.indexOf("d");
  13. while(pos>-1){
  14. position.push(pos);
  15. pos=str.indexOf("d",pos+1);
  16. }
  17. console.log(position);//[3, 10, 15, 18, 21, 24]
  18. </script>
  19. </body>
  20. </html>

字符串去重

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <title>字符串去重</title>
  6. </head>
  7. <body>
  8. <script type="text/javascript">
  9. //String.split() 执行的操作与 Array.join 执行的操作是相反的
  10. //split() 方法用于把一个字符串分割成字符串数组。
  11. //join方法用于将字符串数组连接成一个字符串
  12. //如果把空字符串 ("") 用作 separator，那么 stringObject 中的每个字符之间都会被分割。
  13. var str="aahhgggsssjjj";//这里字符串没有可以分隔的字符，所以需要使用空字符串作为分隔符
  14. function unique(msg){
  15. var res=[];
  16. var arr=msg.split("");
  17. //console.log(arr);
  18. for(var i=0;i<arr.length;i++){
  19. if(res.indexOf(arr[i])==-1){
  20. res.push(arr[i]);
  21. }
  22. }
  23. return res.join("");
  24. }
  25. console.log(unique(str));//ahgsj
  26. </script>
  27. </body>
  28. </html>

判断字符串中字符出现的次数

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <title>字符串操作</title>
  6. </head>
  7. <body>
  8. <script type="text/javascript">
  9. /*
  10. 1.先实现字符串去重
  11. 2.然后对去重后的数组用for循环操作，分别与原始数组中各个值进行比较，如果相等则count++,循环结束将count保存在sum数组中，然后将count重置为0
  12. 3.这样一来去重后的数组中的元素在原数组中出现的次数与sum数组中的元素是一一对应的
  13. */
  14. var str="aacccbbeeeddd";
  15. var sum=[];
  16. var res=[];
  17. var count=0;
  18. var arr=str.split("");
  19. for(var i=0;i<arr.length;i++){
  20. if(res.indexOf(arr[i])==-1){
  21. res.push(arr[i]);
  22. }
  23. }
  24. for(var i=0;i<res.length;i++){
  25. for(var j=0;j<arr.length;j++){
  26. if(arr[j]==res[i]){
  27. count++;
  28. }
  29. }
  30. sum.push(count);
  31. count=0;
  32. }
  33. console.log(res);//["a", "c", "b", "e", "d"]
  34. for(var i=0;i<res.length;i++){
  35. var str=(sum[i]%2==0)?"偶数":"奇数";
  36. console.log(res[i]+"出现了"+sum[i]+"次");
  37. console.log(res[i]+"出现了"+str+"次");
  38. }
  39. </script>
  40. </body>
  41. </html>

阿里面试-字符串操作

    1. <script type="text/javascript">
    2. var str = "www.taobao.com";
    3. var res = str.split("").reverse().join("").replace('oat','');
    4. console.log(res);//moc.oab.www
    5. </script>

js字符串操作总结的更多相关文章

  1. js字符串操作

    javascript中字符串常用操作总结.JS字符串操作大全 String对象属性 (1) length属性 length算是字符串中非常常用的一个属性了,它的功能是获取字符串的长度.当然需要注意的是 ...

  2. 页面循环绑定（变量污染问题），js面向对象编程（对象属性增删改查），js字符串操作，js数组操作

    页面循环绑定(变量污染问题) var lis = document.querySelectorAll(".ul li") for ( var i = 0 ; i < lis. ...

  3. js 字符串操作函数有哪些

    js 字符串操作函数有哪些 一.总结 一句话总结:js字符串函数都是字符串对象的方法,是通过调用字符串方法的方式调用,和java,php里面不一样. 1.字符串替换函数怎么用? 这里的正则表示是加双引 ...

  4. js字符串操作函数

    js字符串函数 JS自带函数 concat 将两个或多个字符的文本组合起来,返回一个新的字符串. var a = "hello"; var b = ",world&quo ...

  5. js字符串操作总结(必看篇)

    本文链接: https://www.jb51.net/article/97915.htm 字符方法 <!DOCTYPE html> <html lang="en" ...

  6. javascript中字符串常用操作总结、JS字符串操作大全

    字符串的操作在js中非常频繁,也非常重要.以往看完书之后都能记得非常清楚,但稍微隔一段时间不用,便会忘得差不多,记性不好是硬伤啊...今天就对字符串的一些常用操作做个整理,一者加深印象,二者方便今后温 ...

  7. JS字符串操作大全

    String对象属性 (1) length属性 length算是字符串中非常常用的一个属性了,它的功能是获取字符串的长度.当然需要注意的是js中的中文每个汉字也只代表一个字符,这里可能跟其他语言有些不 ...

  8. js--javascript中字符串常用操作总结、JS字符串操作大全

    字符串的操作在js中非常频繁,也非常重要.以往看完书之后都能记得非常清楚,但稍微隔一段时间不用,便会忘得差不多,记性不好是硬伤啊...今天就对字符串的一些常用操作做个整理,一者加深印象,二者方便今后温 ...

  9. js 字符串操作函数

    concat() – 将两个或多个字符的文本组合起来,返回一个新的字符串. indexOf() – 返回字符串中一个子串第一处出现的索引.如果没有匹配项,返回 -1 . charAt() – 返回指定 ...

随机推荐

  1. 笔记：Eclipse 安装 Hibernate Tools

    在线安装,要求 Eclipse Neon 4.6 版本和Java 8,在 Help > Install New Software,在打开的窗体中的 Work with 中输入URL地址" ...

  2. getPropertyValue 获取CSS样式

    新学习一个js 的方法 getPropertyValue   (实现 js框架中  css 的最终调用的函数),取得元素最终计算出的css 样式 DEMO: <!DOCTYPE html> ...

  3. execCommand的复制

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

  4. 2.java.util.logging.Logger使用详解

    一.java.util.logging.Logger简介 java.util.logging.Logger不是什么新鲜东西了,1.4就有了,可是因为log4j的存在,这个logger一直沉默着, 其实 ...

  5. JAVA基础之序列化与反序列化

    序列化和反序列化: 把对象转化为字节序列的过程称为序列化: 把字节序列恢复为对象的过程称为对象的反序列化: 方法: Java.io.ObjectOutputStream代表对象的输出流,writeOb ...

  6. [poj2923]Relocation_状压dp_01背包

    Relocation poj-2923 题目大意:给出n个物品,有两辆车,两辆车必须一起出动并且每辆车有单独的容量.问最少需要运输多少次才能运走所有货物. 注释:n<=10,容量,物品代价< ...

  7. linux系统无法正常启动，故障排查恢复

    linux内核启动修复 首先看linux内核重要文件grub.conf # grub.conf generated by anaconda # # Note that you do not have ...

  8. Android开发之漫漫长途 XVI——ListView与RecyclerView项目实战

    该文章是一个系列文章,是本人在Android开发的漫漫长途上的一点感想和记录,我会尽量按照先易后难的顺序进行编写该系列.该系列引用了<Android开发艺术探索>以及<深入理解And ...

  9. 关于hbase中的hbase-site.xml 配置详解

    该文档是用Hbase默认配置文件生成的,文件源是 hbase-default.xml hbase.rootdir 这个目录是region server的共享目录,用来持久化HBase.URL需要是'完 ...

  10. 201621123060《JAVA程序设计》第十四周学习总结

    1. 本周学习总结 1.1 以你喜欢的方式(思维导图或其他)归纳总结与数据库相关内容. 2. 使用数据库技术改造你的系统 2.1 简述如何使用数据库技术改造你的系统.要建立什么表?截图你的表设计. 用 ...