美文网首页JavaScript学习开源工程Web前端之路
【应知应会】15个常用的JavaScript字符串操作方法

【应知应会】15个常用的JavaScript字符串操作方法

作者: 毛三十 | 来源:发表于2017-08-01 13:40 被阅读33次

1 初始化

//常用初始化方法
var stringVal = "hello iFat3";
//构造函数创建方法
var stringObj = new String("hello iFag3");

2 length属性

var stringVal = "hello iFat3";
//输出 11
console.log(stringVal.length);

3 charAt()

返回给定位置的字符

var stringVal = "hello iFat3";
//输出 e
console.log(stringVal.charAt(1));

4 charCodeAt()

返回给定位置的字符编码

var stringVal = "hello iFat3";
//输出 101,e的字符编码
console.log(stringVal.charCodeAt(1));

5 concat()

字符串拼接方法,大多数情况下使用加号拼接字符串更简单易行。

var stringVal = "hello ";
//可以接受任意多个参数
var result = stringVal.concat("iFat3","!");
//输出 hello 
console.log(stringVal);
//输出 hello iFat3!
console.log(result);

6 substr()

字符串截取,接受一个或两个参数,第一个参数指定开始位置,第二个参数指定返回的字符个数。

var stringVal = "hello iFat3";
//输出 lo iFat3
console.log(stringVal.substr(3));
//输出 lo iF
console.log(stringVal.substr(3,5));

7 substring()

字符串截取,接受一个或两个参数,第一个参数指定开始位置,第二个参数指定结束位置。slice()和substring()方法在操作字符串上的用法基本相同。

var stringVal = "hello iFat3";
//输出 lo iFat3
console.log(stringVal.substr(3));
//输出 lo
console.log(stringVal.substring(3,5));

8 indexOf()和lastIndexOf()

子串搜索方法,返回子串所在位置,没找到返回-1,也可以接受第二个参数,表示搜索的开始位置。lastIndexOf()方法是从字符串的末尾向前搜索,lastIndexOf()的第二个参数表示搜索的起始位置。

var stringVal = "hello iFat3 at";
//输出 8
console.log(stringVal.indexOf("at"));
//输出 12
console.log(stringVal.lastIndexOf("at"));
//输出 12
console.log(stringVal.indexOf("at",9));
//输出 8
console.log(stringVal.lastIndexOf("at",10));

9 trim()

ECMAScript 5为所有字符串定义了trim()方法。这个方法会创建一个字符串的副本,删除前置及后缀的所有空格。支持这个方法的浏览器有IE9+、Firefox3.5+、Safari5+、Opera10.5+和Chrome。

var stringVal = " hi iFat3 ";
//输出 hi iFat3
console.log(stringVal.trim());

非兼容浏览器的trim()实现方法。

String.prototype.trim=function() {
    return this.replace(/(^\s*)|(\s*$)/g,"");
}
var stringVal = " hi iFat3 ";
//输出 hi iFat3
console.log(stringVal.trim());

10 toUpperCase()和toLowerCase()

字符串大小写转换方法,toLocaleUpperCase()和toLocaleLowerCase()是针对特定地区的实现。

var stringVal = "hi iFat3";
//输出 HI IFAT3
console.log(stringVal.toUpperCase());
//输出 hi ifat3
console.log(stringVal.toLowerCase());

11 match()

字符串模式匹配方法,返回匹配的数组。

var dus = "1du,2du,3du,4du";
var pattern = /.du/g;
var matches = dus.match(pattern);
//输出 4
console.log(matches.length);
//输出 1du
console.log(matches[0]);

12 search()

返回字符串中第一个匹配项的索引。

var dus = "1du,2du,3du,4du";
var pos = dus.search(/du/);
//输出 1
console.log(pos);

13 replace()

var dus = "1du,2du,3du,4du";
var result = dus.replace("du","fat");
//输出 1fat,2du,3du,4du
console.log(result);
result = dus.replace(/du/g,"fat");
//输出 1fat,2fat,3fat,4fat
console.log(result);
result = dus.replace(/(.du)/g,"a($1)");
//输出 a(1du),a(2du),a(3du),a(4du)
console.log(result);

14 split()

基于指定的分割符将一个字符串分割成多个子串。

var dus = "1du,2du,3du,4du";
var result = dus.split(",");
//输出 4
console.log(result.length);

15 localeCompare()

比较两个字符串,返回1,0或-1。

var val = "iFat3";
//输出 1
console.log(val.localeCompare("abc"));
//输出 0
console.log(val.localeCompare("iFat3"));
//输出 -1
console.log(val.localeCompare("zoo"));

相关文章

  • 【应知应会】15个常用的JavaScript字符串操作方法

    1 初始化 2 length属性 3 charAt() 返回给定位置的字符 4 charCodeAt() 返回给定...

  • 知行合一的牧养反思

    完整的教导必须包含两个基本部分,应知和应会。应知是知识,应会是实践。应知和应会的统一是知行的合一。信仰必须包含真理...

  • 第三章MongoDB shell中使用JavaScript

    用于操作String 对象的方法: 以为是JavaScript中最为常用的字符串操作方法 用于操作Array对象的方法

  • JavaScript数组相关操作方法

    JavaScript一些常用的操作方法 join() 将数组中所有元素转化为字符串并连接一起,返回最后生成的字符串...

  • aisino应知应会

    战略和企业文化 1.什么是战略 2.公司战略 3.什么是企业文化?如何建设企业文化? 4.我们的企业文化 5.组织...

  • 应知应会 - 草稿

    陈可欣的《创城应知应会》

  • SQL应知应会

    检索数据 Select语句 想选择什么以及从什么地方选择 SELECT prod_name FROM Produc...

  • 应知应会常识

    党的十八大以来,我们党共开展了4次专题教育 2013年,党的群众路线教育实践活动 2015年,“三严三实”专题教育...

  • 职场应知应会

    职场小白经常会觉得自己精力无限,这也可以那也可以,不知不觉陷入困境。于是各种牢骚埋怨,即使工作做好了,也不会得到肯...

  • 学习应知应会

    中午突击学习了一下《党风廉政建设应知应会》,发现还真是第一次系统的认识了一下应该知道的知识。据说安全也会出一套应知...

网友评论

    本文标题:【应知应会】15个常用的JavaScript字符串操作方法

    本文链接:https://www.haomeiwen.com/subject/yesjlxtx.html