JS字符串处理方法
1.字符方法
charAt()和charCodeAt();这两个方法都接收一个参数
例:
<script>
var stringValue = "hello world";
stringValue.charAt(1);//"e"=>以单字符字符串的形式返回给定位置的字符
stringValue.charCodeAt(1);//"101"=>以单字符字符串的形式返回给定位置的字符的编码 //此外:stringValue[index]方法也返回特定位置的单个字符
//例:
stringValue.stringValue[1];//"e"=>返回特定位置的单个字符
</script>
2.字符串的截取方法 slice(),substring(),substr()的区别
<script>
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
</script>
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");//1
stringValue.localCompare("yellow");//0
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>
JS字符串处理方法的更多相关文章
- 浅谈 js 字符串 trim 方法之正则篇
原文:浅谈 js 字符串 trim 方法之正则篇 关于 trim 其实没啥好说的,无非就是去除首位空格,对于现代浏览器来说只是简单的正则 /^\s+|\s+$/ 就可以搞定了.而且支持中文空格 等 ...
- 浅谈 js 字符串 search 方法
原文:浅谈 js 字符串 search 方法 这是一个很久以前的事情了,好像是安心兄弟在学习js的时候做的练习.具体记不清了,今天就来简单分析下 search 究竟是什么用的. 从字面意思理解,一个是 ...
- js 字符串转方法,this域绑定
闲着没事,开发一个列表页面配置的功能,其中涉及到了按钮点击事件,在页面进行编辑,保存到数据库中.写好的js脚本,function是字符串格式,所以要让生成的脚本生效,还要做一些操作. 1.首先保存在数 ...
- js字符串排序方法
前端开发过程中有时需自己手写排序方法 一般想到数字的字符串排序方法 我们会用到 var newArr = arr. sort(function(a,b){return a - b})来进行排序 但除此 ...
- js 字符串格式化方法
String.prototype.format = function(args) { var result = this; if (arguments.length > 0) { if (arg ...
- 浅谈 js字符串 trim 方法之正则篇
关于 trim 其实没啥好说的,无非就是去除首位空格,对于现代浏览器来说只是简单的正则 /^\s+|\s+$/ 就可以搞定了.而且支持中文空格 等等.什么 \s 支持 中文空格?是的. 打开 Re ...
- js 字符串 处理方法
charAt() 返回指定索引位置的字符 charCodeAt() 返回指定索引位置字符的 Unicode 值 concat() 连接两个或多个字符串,返回连接后的字符串 fromCharCode() ...
- js字符串RTrim方法(right trim)
String.prototype.RTrim = function (c) { if (!c) { c = ' '; } var reg = new RegExp('([' + c + ']*$)', ...
- C#中在AxWebBrowser控件注入JS脚本的方法
/// <summary> /// 窗体加载 /// </summary> private void JS_Load(object sender, EventArgs e) { ...
随机推荐
- webpack 错误心得
使用webpack 打包项目已经有很长一段时间了,在使用过程中也碰到各种恶样的坑,常见的错误,当然也有少见的错误,今天写这篇文章主要是想分享找出错误和解决错误的方法. 而不是分享具体的错误例子,因为实 ...
- CSS:CSS cursor 属性
ylbtech-CSS:CSS cursor 属性 1.返回顶部 1. 实例 一些不同的光标: span.crosshair {cursor:crosshair;} span.help {cursor ...
- 面试题:sql数据查询
前几天参加一个面试,面试公司让做一套题,sql题不是很难,但是我第一次还是写错了,回来后,重新写了下.简单记录下吧, 1.题目: 2.测试数据 select * from student ; inse ...
- HDFS源码分析四-HDFS Client
4. HDFS Client ( 未完待续 ) 目录: 4.1 认识 DFSClient ( 未完待续 ) 4.2 输入流 ( 未完待续 ) 4.3 输出流 ( 未完待续 ) 4.4 Distribu ...
- HDU-2616
Kill the monster Time Limit: 2000/1000 MS (Java/Others) Memory Limit: 32768/32768 K (Java/Others) ...
- 【eclipse插件开发实战】 Eclipse插件开发5——时间插件Timer开发实例详解
Eclipse插件开发5--时间插件Timer开发实例详解 这里做的TimeHelper插件设定为在菜单栏.工具栏提供快捷方式,需要在相应地方设置扩展点,最后弹出窗体显示时间. 在上一篇文章里创建好了 ...
- Linux 静态库 & 动态库
转自:http://blog.chinaunix.net/uid-26833883-id-3219335.html 一.什么是库 本质上来说库是一种可执行代码的二进制形式,可以被操作系统载入内存执 ...
- UVaLive 3695 Distant Galaxy (扫描线)
题意:给平面上的 n 个点,找出一个矩形,使得边界上包含尽量多的点. 析:如果暴力那么就是枚举上下边界,左右边界,还得统计个数,时间复杂度太高,所以我们考虑用扫描线来做,枚举上下边界, 然后用其他方法 ...
- UVaLive 3905 Meteor (扫描线)
题意:给定上一个矩形照相机和 n 个流星,问你照相机最多能拍到多少个流星. 析:直接看,似乎很难解决,我们换一个思路,我们认为流星的轨迹就没有用的,我们可以记录每个流星每个流星在照相机中出现的时间段, ...
- JavaScript数组及相关方法
数组 1.创建数组 var array = new Array(); var array = new Array(size);//指定数组的长度 var array = new Array(item1 ...