资讯专栏INFORMATION COLUMN

Javascript字符串常用方法详解

Wildcard / 2213人阅读

摘要:属性里的字符串类似于数组,都是一个一个字符拼凑在一起组成的,因此可以用属性取得字符串的长度字符串常用的一些方法返回字符串的第个字符,如果不在之间,则返回一个空字符串。如果匹配成功,则返回正则表达式在字符串中首次匹配项的索引否则,返回。

字符串

字符串就是一个或多个排列在一起的字符,放在单引号或双引号之中。

"abc"
"abc"

length属性
js里的字符串类似于数组,都是一个一个字符拼凑在一起组成的,因此可以用length属性取得字符串的长度

var str = "hello"
str.length;  // 5

字符串常用的一些方法 1. charAt()
str.charAt(n)

=> 返回字符串的第 n 个字符,如果不在 0~str.length-1之间,则返回一个空字符串。

var str = "javascript";
str.charAt(2); //"v"
str.charAt(12); //""
2. indexOf()
indexOf(substr[,start])

=> 返回 substr 在字符串 str 中首次出现的位置,从 start 位置开始查找,如果不存在,则返回 -1。
start可以是任意整数,默认值为 0。如果 start < 0 则查找整个字符串(如同传进了 0)。如果 start >= str.length,则该方法返回 -1,除非被查找的字符串是一个空字符串,此时返回 str.length.

var str = "javascript";
str.indexOf("s");   // 1
str.indexOf("s",6); // -1
str.indexOf("",11);  // 10
str.indexOf("",8);   // 8
3. lastIndexOf()
lastIndexOf(substr[,start])

= > 返回 substr 在字符串 str 中最后出现的位置,从 start 位置 向前开始查找,如果不存在,则返回 -1。

"lastindex".lastIndexOf("a");  // 1
4. substring()
str.substring(start[, end])

= > 返回从 start 到 end(不包括)之间的字符,start、end均为 非负整数。若结束参数(end)省略,则表示从start位置一直截取到最后。

var str = "abcdefg";
str.substring(1, 4); //"bcd"
str.substring(1);  // "bcdefg"
str.substring(-1); //"abcdefg"   传入负值时会视为0
5. slice()
str.slice(start[,end])

= > 返回从 start 到 end (不包括)之间的字符,可传负值

var str = "this is awesome";
str.slice(4, -1);  //" is awesom"
6. substr()
str.slice(start[,end])

= > 返回 str 中从指定位置开始到指定长度的子字符串,start可为负值

var str = "Just give me a reason";
str.substr(5, 10);  // "give me a "
str.substr(-4, 2);  // "as"
7. replace()
str.replace(regexp|substr, newSubStr|function)

= > 替换 str 的子字符串

var str = "do you love me";
str.replace("love","hate");  // "do you hate me"
8. search()
str.search(regexp)

= > 查找 str 与一个正则表达式是否匹配。如果匹配成功,则返回正则表达式在字符串中首次匹配项的索引;否则,返回 -1。如果参数传入的是一个非正则表达式对象,则会使用 new RegExp(obj) 隐式地将其转换为正则表达式对象

var str = "I love JavaScript!";
str.search(/java/); // -1
str.search(/Java/); // 7
str.search(/java/i); // 7
str.search("Java"); // 7
9. match()
str.match(regexp)

= > 返回一个包含匹配结果的数组,如果没有匹配项,则返回 null。如果参数传入的是一个非正则表达式对象,则会使用 new RegExp(obj) 隐式地将其转换为正则表达式对象

var str = "Javascript java";
str.match(/Java/); // ["Java"]
str.match(/Java/gi); // ["java", "Java"]
str.match(/ab/g); // null
10. split()
str.split([separator][, limit])

= >返回一个数组,分隔符 separator 可以是一个字符串或正则表达式

var str = "Hello?World!";
str.split(); // ["Hello?World!"]
str.split(""); // ["H", "e", "l", "l", "o", "?", "W", "o", "r", "l", "d", "!"]
str.split("?"); // ["Hello", "World!"]
str.split("",5); // ["H", "e", "l", "l", "o"]
11. trim()
str.trim()

= > 去除 str 开头和结尾处的空白字符,返回 str 的一个副本,不影响字符串本身的值

var str = "   abc  ";
str.trim();       // "abc"
console.log(str); // "   abc  "
12. toLowerCase()
str.toLowerCase()

= > 将 str 转换为小写,并返回 str 的一个副本,不影响字符串本身的值

var str = "JavaScript";
str.toLowerCase(); // "javascript"
console.log(str);  // "JavaScript"
13. toUpperCase()
str.toUpperCase()

= > 将 str 转换为大写,并返回 str 的一个副本,不影响字符串本身的值

var str = "JavaScript";
str.toUpperCase(); // "JAVASCRIPT"
console.log(str);  // "JavaScript"
参考资料

js字符串常用的一些方法

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/87811.html

相关文章

  • 常用JavaScript小技巧及原理详解

    摘要:使用一元加模拟函数原理对非数值类型的数据使用一元加,会起到与函数相同的效果。中,若判断不为则不再进行下一步操作。使用逻辑或设置默认值逻辑或也属于短路操作,即当第一个操作数可以决定结果时,不再对第二个操作数进行求值。 善于利用JS中的小知识的利用,可以很简洁的编写代码 1. 使用!!模拟Boolean()函数 原理:逻辑非操作一个数据对象时,会先将数据对象转换为布尔值,然后取反,两个!!...

    chnmagnus 评论0 收藏0
  • Javascript Math对象和Date对象常用方法详解

    摘要:对象是中的一个内置对象,它为数学常量和数学函数提供了属性和方法,而不是一个函数对象。创建日期的几种方法为时间戳为表示日期的字符串注意代表月份的整数值是从月到月常用方法返回自时间标准时间至今所经过的毫秒数。 Math对象 Math 是js中的一个内置对象, 它为数学常量和数学函数提供了属性和方法,而不是一个函数对象。 属性 Math.PI = > 圆周率,一个圆的周长和直径之比,悦等...

    张宪坤 评论0 收藏0
  • 前端文档收集

    摘要:系列种优化页面加载速度的方法随笔分类中个最重要的技术点常用整理网页性能管理详解离线缓存简介系列编写高性能有趣的原生数组函数数据访问性能优化方案实现的大排序算法一怪对象常用方法函数收集数组的操作面向对象和原型继承中关键词的优雅解释浅谈系列 H5系列 10种优化页面加载速度的方法 随笔分类 - HTML5 HTML5中40个最重要的技术点 常用meta整理 网页性能管理详解 HTML5 ...

    jsbintask 评论0 收藏0
  • 前端文档收集

    摘要:系列种优化页面加载速度的方法随笔分类中个最重要的技术点常用整理网页性能管理详解离线缓存简介系列编写高性能有趣的原生数组函数数据访问性能优化方案实现的大排序算法一怪对象常用方法函数收集数组的操作面向对象和原型继承中关键词的优雅解释浅谈系列 H5系列 10种优化页面加载速度的方法 随笔分类 - HTML5 HTML5中40个最重要的技术点 常用meta整理 网页性能管理详解 HTML5 ...

    muddyway 评论0 收藏0

发表评论

0条评论

Wildcard

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<