JavaScript字符串的处理方法
1.字符方法
charAt()和charCodeAt();这两个方法都接收一个参数
var stringValue = "hello world";
stringValue.charAt(1);//"e"=>以单字符字符串的形式返回给定位置的字符
stringValue.charCodeAt(1);//"101"=>以单字符字符串的形式返回给定位置的字符的编码 //此外:stringValue[index]方法也返回特定位置的单个字符
//例:
stringValue.stringValue[1];//"e"=>返回特定位置的单个字符
2.字符串的截取方法 slice(),substring(),substr()的区别
var stringValue = "hello world";
alert(stringValue.slice(3));//"lo world"=>从第三个字符开始截取至最后
alert(stringValue.substring(3));//"lo world"=>从第三个字符开始截取至最后
alert(stringValue.substr(3));//"lo world"=>从第三个字符开始截取至最后
alert(stringValue.slice(3,7));//"lo w"=>从第三个字符开始到第七个字符之间的字符
alert(stringValue.substring(3,7));//"lo w"=>从第三个字符开始到第七个字符之间的字符
alert(stringValue.substr(3,7));//"lo worl"=>从第三个字符开始向后截取七个字符 //这三个方法对于参数为负数时的处理
alert(stringValue.slice(-3));//"rld"=>相当于(8);会将负值与字符串的长度相加
alert(stringValue.substring(-3));//"hello world"=>相当于(0);会将所有负值参数转化为0
alert(stringValue.substr(-3));//"rld"=>相当于(8);会将第一个参数转化为负值与字符串的长度相加,第二个参数转化为0
alert(stringValue.slice(3,-4));//"lo w"=>相当于(3,7);会将负值与字符串的长度相加
alert(stringValue.substring(3,-4));//"hel"=>相当于(3,0)再自动转化为(0,3);而该方法会自动将较小的数字作为起始位置;会将所有负值参数转化为0
alert(stringValue.substr(3,-4));//""=>相当于(3,0)即从第三个字符开始向后截取0个;从会将第一个参数转化为负值与字符串的长度相加,第二个参数转化为0
3.字符串位置方法:indexOf()与lastIndexOf();
var stringValue = "hello world";
stringValue.indexOf("o");//4=>从字符串的开头向后搜索子字符串的位置
stringValue.lastIndexOf("o");//7=>从字符串的末尾向前搜索子字符串的位置
加上可选的第二个参数
stringValue.indexOf("o",6);//7=>从字符串的第六个字符向后搜索子字符串的位置
stringValue.lastIndexOf("o",6);//4=>从字符串的第六个字符向前搜索子字符串的位置
4. trim()方法
这个方法会创建一个字符串的副本,删除字符串中的所有前置和后缀空格,中间的空格不删除
var stringValue = " hello world ";
var trimStringValue = stringValue.trim();// "hello world"
5. 字符串大小写转换方法
var stringValue = "hello world";
stringValue.toLowerCase();//"hello world"=>全部转化为小写
stringValue.toLocalLowerCase();//"hello world"=>全部转化为小写(针对特定地区的实现,在一些小语种下可能会与toLowerCase()有区别)
stringValue.toUpperCase();//"HELLO WORLD"=>全部转化为大写
stringValue.toLocalUpperCase();//"HELLO WORLD"=>全部转化为大写(针对特定地区的实现,在一些小语种下可能会与toUpperCase()有区别)
6. 字符串的模式匹配方法
1)match();
例:
var text = "cat, bat, sat, fat";
var pattern = /.at/ ; var matches = text.match(pattern);//返回的是一个数组; 2)search();
例:
var text = "cat, bat, sat, fat";
var pattern = /.at/ ; var pos= text.search(pattern);//1=>返回的是符合规则的字符串第一次出现的位置; 3)replace(); var text = "cat, bat, sat, fat";
var result = text.replace("at","one");// "cone, bat, sat, fat" 只能替换第一个匹配的字符串,而不是所有的;
var result2 = text.replace(\at\g,"one");//"cone, boneone, sone, fone"加入了正则表达式中的全局(g)标识则会替换所有的 4)split();
可以基于指定的分割符将字符串转化为数组,分隔符可以是字符串,也可以是RegExp对象,也可以指定第二个参数来控制数组的长度
例:
var colorText = "red,blue,yellow,green";
var color1 = colorText.split(",");//["red","blue","yellow","green"];
var color2 = colorText.split(",",2);//["red","blue"];
7.localCompare()方法
比较两个字符串
1)如果字符串在字母表中排在参数字符串之前则返回一个负数(大多数情况下返回-1);
2)如果字符串与参数字符串相等则返回0;
3)如果字符串在字母表中排在参数字符串之后则返回一个正数(大多数情况下返回1);
var stringValue = "yellow";
stringValue.localCompare("brik");//
stringValue.localCompare("yellow");//
stringValue.localCompare("zoo");//-1
8.formCharCode()方法
接收一或多个字符编码,然后将它们转换为一个字符串,本质是与前面的charCodeAt()执行的是相反的操作
alert(String.formCharCode(104,101,108,108,111));//"hello"
9.HTML方法
专门用于简化常见HTML格式化任务的方法,但是尽量不用
var String = "String"
String.anchor(name);//<a name="name">String</a>
String.bold();//<b>String</b>
JavaScript字符串的处理方法的更多相关文章
- JavaScript字符串与数组方法整理
字符串(String)的方法: 代码后面的都是返回值 var str = "atusdgafsvg"; var str1 = "123456789"; var ...
- JavaScript字符串替换replace方法
在日常的js开发中, 当要把字符串中的内容替换时,如果使用类似C#的string.replace方法,如下 var str='aabbccaa'; str=str.replace('aa','dd') ...
- JavaScript字符串转换日期
JavaScript字符串转换日期 方法1:function strToDate(str){ var val=Date.parse(str); var newDate=new Date(val ...
- JavaScript字符串转数值
JavaScript字符串转数值:方法主要有三种 转换函数.强制类型转换.利用js变量弱类型转换. 1. 转换函数 js提供了parseInt()和parseFloat()两个转换函数.前者把值转换成 ...
- javascript字符串基本方法
1)auchor anchor() 方法用于创建 HTML 锚. var txt="Hello world!" document.write(txt.anchor("my ...
- javascript 字符串方法传参
javascript 字符串方法传参由于嵌套的单引号,双引号过多.有点混乱.. 正确方法如下: ' <td align="left"><input type= ...
- javascript 字符串进行 utf8 编码的方法(转)
实践中碰到了一个大问题,在 javascript 中,可能有一些中文字符串,我们想将其进行二进制流编码的时候,需要将其转换为 utf8 的编码. 也就是说,输入的是一个字符串:'呆滞的慢板今天挣了10 ...
- 浅谈JavaScript的字符串的replace方法
JavaScript字符串提供了一个replace方法.replace方法可以接受两个参数:第一个参数可以使RegExp对象或者一个字符串,第二个参数可以是一个字符串或者一个函数.如果第一个参数是字符 ...
- 【JS】369- 20个常用的JavaScript字符串方法
点击上方"前端自习课"关注,学习起来~ 作者:前端小智 https://segmentfault.com/a/1190000020204425 本文主要介绍一些最常用的JS字符串函 ...
随机推荐
- BZOJ3992: [SDOI2015]序列统计(NTT 原根 生成函数)
题意 题目链接 给出大小为\(S\)的集合,从中选出\(N\)个数,满足他们的乘积\(\% M = X\)的方案数 Sol 神仙题Orz 首先不难列出最裸的dp方程,设\(f[i][j]\)表示选了\ ...
- Ant design 项目打包后报错:"Menu(or Flex) is not defined"
我的项目使用了ant-design 和 ant-design-mobile,在测试环境上没问题,但是打包发布之后控制台报错 Menu is not defined Flex is not define ...
- Python-网络编程(一)
首先我们python基础部分已经学完了,而socket是我们基础进阶的课程,也就是说,你自己现在完全可以写一些小程序了,但是前面的学习和练习,我们写的代码都是在自己的电脑上运行的,虽然我们学过了模块引 ...
- mac下配置环境变量-mongo
一 1打开终端查看echo $PATH所有环境变量会显示2输入sudo vi ~/.bash_profile回车后输入密码,然后到达vim查看状态3输入i改为编辑态,在后面追加路径4按esc然后shi ...
- Failed to create the part's controls解决方法
今早打开eclipse,所有的文件均打不开,如下所示: 因为项目从tomcat迁移到weblogic,JDK版本从1.8降到了1.6,EL表达式有些也解析不了,猜想是这其中出现了问题. 解决方法: F ...
- Repeat Number(数论)
Repeat Number 题目描述: Definition: a+b = c, if all the digits of c are same ( c is more than ten), then ...
- canvas.addEventListener()
对 canvas 元素的事件监听用addEventListener()实现, 但是有一点缺陷是:canvas 不支持键盘事件,为了解决这个问题,可以采用以下两种方案: 方案一: key event - ...
- css3 background-sizing 属性,捎带 background-repeat 属性
background-sizing: contain: 在指定大小的容器内把图像按照图像本身长宽比扩展到最大尺寸,有可能有留白 cover: 在指定大小的容器内,把图像按照图像本身的长宽比扩展到足够大 ...
- 密码存储中MD5的安全问题与替代方案
md5安全吗?有多么地不安全?如何才能安全地存储密码?... md5安全吗? 经过各种安全事件后,很多系统在存放密码的时候不会直接存放明文密码了,大都改成了存放了 md5 加密(hash)后的密码,可 ...
- svn merge error must be ancestrally related to,trunk merge branch报错
trunk merge branch的时候报错 xxx must be ancestrally related to xxx,这个报错的意思是两者不关联,所以需要去建立关联. [回顾背景] ...