最常见和最有用的字符串相关的方法详解


Posted in Javascript onFebruary 06, 2017

转换字符串

你可以转换一个数字,布尔值,或一个字符串的对象:

var myNumber = 24; // 24
var myString = myNumber.toString(); // "24"
var myNumber = 24; // 24
var myString = String(myNumber); // "24"

将字符串分割成多个子字符串

为了区分一个字符串转换为一个子字符串数组,你可以使用的split()方法:

var myString = "coming,apart,at,the,commas";
 var substringArray = myString.split(","); // ["coming", "apart", "at", "the", "commas"]
 var arrayLimited = myString.split(",", 3); // ["coming", "apart", "at"]

最后一行的第二个参数限制了数组参数所指定的项目的数量。

获取一个字符串的长度

要找出多少个字符长的字符串的length属性:

var myString = "You're quite a character.";
 var stringLength = myString.length; // 25

在字符串中找到一个子串

这样做的方法有两种。

使用indexOf():

var stringOne = "Johnny Waldo Harrison Waldo";
 var wheresWaldo = stringOne.indexOf("Waldo"); // 7

indexOf()方法从字符串的开头开始搜索的子串(通过)第一个参数,并返回第一次出现子字符串的开始位置。

使用lastIndexOf() :

var stringOne = "Johnny Waldo Harrison Waldo";
 var wheresWaldo = stringOne.lastIndexOf("Waldo"); // 22

lastIndexOf()方法是完全一样的,只不过它返回传递的子字符串中最后一次出现的起始位置。

在这两种方法中,如果没有找到子字符串,则返回值-1,并允许一个可选的第二个参数表示您要开始搜索的字符在字符串中的位置

替换掉一个子串

要更换一个新的字符串的字符串的一部分或全部,你可以使用replace():

var slugger = "Josh Hamilton";
 var betterSlugger = slugger.replace("h Hamilton", "e Bautista");
 console.log(betterSlugger); // "Jose Bautista"

第一个参数是你要替换的子字符串,第二个参数是新的子串。这只会替换匹配的子字符串的第一个实例。

要更换匹配的子字符串的所有实例,使用正则表达式的全局标志:

var myString = "She sells automotive shells on the automotive shore";
 var newString = myString.replace(/automotive/g, "sea");
 console.log(newString); // "She sells sea shells on the sea shore"

第二个参数可以包括特殊的替换模式,或可以是一个函数。

在给定的位置,找到相应的字符

要查找的字符是在指定的位置,你可以使用charAt()方法:

var myString = "Birds of a Feather";
var whatsAtSeven = myString.charAt(7); // "f"

往往是在JavaScript的情况下,引用该字符串中的第一个位置为“0”,而不是“1”。

或者,您也可以使用charCodeAt() ,它给你,而不是字符本身的字符代码:

var myString = "Birds of a Feather";
 var whatsAtSeven = myString.charCodeAt(7); // "102"
 var whatsAtEleven = myString.charCodeAt(11); // "70"

请注意,大写字母“F”的位(11)的字符代码与小写字母“f”的位(7)从字符码不同。

连接多个字符串

在大多数情况下,当您连接字符串时,你会使用加法运算符(+)。但你也可以选择使用CONCAT()方法:

var stringOne = "Knibb High football ";
 var stringTwo = stringOne.concat("rules."); // "Knibb High football rules"

您还可以通过将多个字符串,将被一个个的追加起来(在它们出现的顺序):

var stringOne = "Knibb ";
var stringTwo = "High ";
var stringThree = "football ";
var stringFour = "rules.";
var finalString = stringOne.concat(stringTwo, stringThree, stringFour);
console.log(finalString); // "Knibb high football rules."

提取字符串(组成新字符串)

有三种不同的方法来创建一个新的字符串值:

使用slice()方法:

var stringOne = "abcdefghijklmnopqrstuvwxyz";
 var stringTwo = stringOne.slice(5, 10); // "fghij"

使用substring()方法:

var stringOne = "abcdefghijklmnopqrstuvwxyz";
var stringTwo = stringOne.substring(5, 10); // "fghij"

对于这两个slice()和substring()方法的第一个参数是你想要的开始的子串,第二个参数(这是可选的)后的字符串中的字符结束的字串。因此,在上面的例子中,参数“5,10”,是指,字符5到9,以创建一个新的字符串。

使用SUBSTR()

var stringOne = "abcdefghijklmnopqrstuvwxyz";
var stringTwo = stringOne.substr(5, 10); // "fghijklmno"

SUBSTR() ,第一个参数代表开始新的字符串的字符,第二个参数是可选的。但这个时候,第二个参数表示的字符的总数应包括的开始的字符“5”的位置。

一个字符串转换为大写或小写

有四种方法做大小写转换。有两个字符串转换为全部大写:

var stringOne = "Speak up, I can't hear you.";
 var stringTwo = stringOne.toLocaleUpperCase(); // "SPEAK UP, I CAN'T HEAR YOU"
 var stringThree = stringOne.toUpperCase(); // "SPEAK UP, I CAN'T HEAR YOU"

将字符串转换为小写:

var stringOne = "YOU DON'T HAVE TO YELL";
 var stringTwo = stringOne.toLocaleLowerCase(); // "you don't have to yell"
 var stringThree = stringOne.toLowerCase(); // "you don't have to yell"

模式匹配

在一个字符串匹配的模式,可以使用两种方法,其基本的工作方式相同。

一个字符串match()方法被调用,并通过正则表达式:

var myString = "How much wood could a wood chuck chuck";
var myPattern = /.ood/;
var myResult = myString.match(myPattern); // ["wood"]
var patternLocation = myResult.index; // 9
var originalString = myResult.input // "How much wood could a wood chuck chuck"

exec()方法被调用的一个正则表达式对象,并通过字符串:

var myString = "How much wood could a wood chuck chuck";
var myPattern = /.huck/;
var myResult = myPattern.exec(myString); // ["chuck"]
var patternLocation = myResult.index; // 27
var originalString = myResult.input // "How much wood could a wood chuck chuck"

对于这两种方法,只在第一个匹配发生被返回。如果没有找到匹配,将返回空值。

也可以使用search()方法,它接受一个正则表达式作为唯一的参数,并返回模式第一次出现的位置:

var myString = "Assume";
 var patternLocation = myString.search(/ume/); // 3

如果没有找到匹配,则该方法返回“-1”。

比较两个字符串的排序顺序

您可以比较两个字符串,看看哪一个字母先靠前使用localeCompare,,有三个可能的返回值:

var myString = "chicken";
var myStringTwo = "egg";
var whichCameFirst = myString.localeCompare(myStringTwo); // -1 (except Chrome, which returns -2)
whichCameFirst = myString.localeCompare("chicken"); // 0
whichCameFirst = myString.localeCompare("apple"); // 1 (Chrome returns 2)
stringObject.localeCompare(target)//公式

如上图所示,如果 stringObject 小于 target,则 localeCompare() 返回小于 0 的数。如果 stringObject 大于 target,则该方法返回大于 0 的数。如果两个字符串相等,或根据本地排序规则没有区别,该方法返回 0。

由于浏览器可以返回任何负数或正数之前和之后的结果最好使用 if ( result < 0 ) ,而不是if ( result === -1 ),后者将无法在Chrome浏览器中运行。

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持三水点靠木!

Javascript 相关文章推荐
javascript简单实现表格行间隔显示颜色并高亮显示
Nov 29 Javascript
JavaScript 面向对象与原型
Apr 10 Javascript
JS实现从连接中获取youtube的key实例
Jul 02 Javascript
ClearTimeout消除闪动实例代码
Feb 29 Javascript
js阻止默认浏览器行为与冒泡行为的实现代码
May 15 Javascript
基于Bootstrap实现下拉菜单项和表单导航条(两个菜单项,一个下拉菜单和登录表单导航条)
Jul 22 Javascript
node.js express安装及示例网站搭建方法(分享)
Aug 22 Javascript
Easyui的组合框的取值与赋值
Oct 28 Javascript
jQuery实现别踩白块儿网页版小游戏
Jan 18 Javascript
利用js判断手机是否安装某个app的多种方案
Feb 13 Javascript
微信小程序页面间值传递的两种方法
Nov 26 Javascript
JavaScript设计模式之观察者模式与发布订阅模式详解
May 07 Javascript
jquery uploadify隐藏上传进度的实现方法
Feb 06 #Javascript
Javascript中的prototype与继承
Feb 06 #Javascript
canvas实现粒子时钟效果
Feb 06 #Javascript
javascript笔记之匿名函数和闭包
Feb 06 #Javascript
如何用JS/HTML将时间戳转换为“xx天前”的形式
Feb 06 #Javascript
D3.js中强制异步文件读取同步的几种方法
Feb 06 #Javascript
浅谈Javascript事件对象
Feb 05 #Javascript
You might like
php echo()和print()、require()和include()函数区别说明
2010/03/27 PHP
PHP实用函数分享之去除多余的0
2015/02/06 PHP
php传值和传引用的区别点总结
2019/11/19 PHP
MSN消息提示类
2006/09/05 Javascript
use jscript with List Proxy Server Information
2007/06/11 Javascript
javascript window.confirm确认 取消对话框实现代码小结
2012/10/21 Javascript
JavaScript中的单引号和双引号报错的解决方法
2014/09/01 Javascript
node.js中的http.response.setHeader方法使用说明
2014/12/14 Javascript
一款基于jQuery的图片场景标注提示弹窗特效
2015/01/05 Javascript
jQuery插件MixItUp实现动画过滤和排序
2015/04/12 Javascript
前端学习笔记style,currentStyle,getComputedStyle的用法与区别
2016/05/28 Javascript
JS实现直接运行html代码的方法
2017/03/13 Javascript
bootstrap精简教程_动力节点Java学院整理
2017/07/14 Javascript
浅谈react 同构之样式直出
2017/11/07 Javascript
JS实现DOM节点插入操作之子节点与兄弟节点插入操作示例
2018/07/30 Javascript
angularJs使用ng-repeat遍历后选中某一个的方法
2018/09/30 Javascript
JS实现简单的点赞与踩功能示例
2018/12/05 Javascript
记一次用vue做的活动页的方法步骤
2019/04/11 Javascript
[01:14:10]2014 DOTA2国际邀请赛中国区预选赛 SPD-GAMING VS Orenda
2014/05/22 DOTA
SublimeText 2编译python出错的解决方法(The system cannot find the file specified)
2013/11/27 Python
Python 40行代码实现人脸识别功能
2017/04/02 Python
Python Flask框架模板操作实例分析
2019/05/03 Python
Python测试线程应用程序过程解析
2019/12/31 Python
HTML5 Canvas实现平移/放缩/旋转deom示例(附截图)
2013/07/04 HTML / CSS
采用专利算法搜索最廉价的机票:CheapAir
2016/09/10 全球购物
丝芙兰新加坡官网:Sephora新加坡
2018/12/04 全球购物
Nisbets爱尔兰:英国最大的厨房和餐饮设备供应商
2019/01/26 全球购物
印尼网上商店:Alfacart.com
2019/03/11 全球购物
销售总监岗位职责
2014/01/04 职场文书
上课迟到检讨书
2014/02/19 职场文书
建设投标担保书
2014/05/13 职场文书
中国文明网向国旗敬礼活动精彩寄语2014
2014/09/27 职场文书
大学生心理健康教育心得体会
2016/01/12 职场文书
纪念建国70周年演讲稿
2019/07/19 职场文书
python实现简易自习室座位预约系统
2021/06/30 Python
深入理解MySQL中MVCC与BufferPool缓存机制
2022/05/25 MySQL