JavaScript中常用的20个字符串方法(收藏)

JavaScript中常用的20个字符串方法(收藏)

本文给大家介绍一下值得收藏的20个常用JavaScript字符串方法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

1. charAt(x)

charAt(x)返回字符串中x位置的字符,下标从 0 开始。

    //charAt(x)    var myString = 'jQuery FTW!!!';    console.log(myString.charAt(7));    //output: F

登录后复制

2. charCodeAt(x)

立即学习“Java免费学习笔记(深入)”;

`charCodeAt(x)`返回字符串中`x`位置处字符的`unicode`值。    //charAt(position)    var message="jquery4u"    //alert "113"    alert(message.charAt(1)

登录后复制

3. concat(v1,v2..)

concat() 方法用于连接两个或多个字符串,此方法不改变现有的字符串,返回拼接后的新的字符串。

    //concat(v1, v2,..)    var message="Sam"    var final=message.concat(" is a"," hopeless romantic.")    //alerts "Sam is a hopeless romantic."    alert(final)

登录后复制

4. fromCharcode(c1,c2)

fromCharcode(c1,c2)转换一组Unicode值转换为字符。

    //fromCharCode(c1, c2,...)    console.log(String.fromCharCode(97,98,99,120,121,122))    //output: abcxyz    console.log(String.fromCharCode(72,69,76,76,79))    //output: HELLO

登录后复制

5. indexOf(substr, [start])

indexOf方法搜索并(如果找到)返回字符串中搜索到的字符或子字符串的索引。如果没有找到,则返回-1。Start是一个可选参数,指定字符串中开始搜索的位置,默认值为0。

    //indexOf(char/substring)    var sentence="Hi, my name is Sam!"    if (sentence.indexOf("Sam")!=-1)    alert("Sam is in there!")

登录后复制

6. lastIndexOf(substr, [start])

lastIndexOf() 方法返回指定文本在字符串中最后一次出现的索引, 如果未找到,则返回-1。 “Start”是一个可选参数,指定字符串中开始搜索的位置, 默认值为string.length-1。

    //lastIndexOf(substr, [start])    var myString = 'javascript rox';    console.log(myString.lastIndexOf('r'));    //output: 11

登录后复制

7. match(regexp)

根据正则表达式在字符串中搜索匹配项。如果没有找到匹配项,则返回一个信息数组或null。

    //match(regexp) //select integers only    var intRegex = /[0-9 -()+]+$/;           var myNumber = '999';    var myInt = myNumber.match(intRegex);    console.log(isInt);    //output: 999         var myString = '999 JS Coders';    var myInt = myString.match(intRegex);    console.log(isInt);    //output: null

登录后复制

8. replace(regexp/substr, replacetext)

replace() 方法用于在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串。

    //replace(substr, replacetext)    var myString = '999 JavaScript Coders';    console.log(myString.replace(/JavaScript/i, "jQuery"));    //output: 999 jQuery Coders         //replace(regexp, replacetext)    var myString = '999 JavaScript Coders';    console.log(myString.replace(new RegExp( "999", "gi" ), "The"));    //output: The JavaScript Coders

登录后复制

9. search(regexp)

search() 方法用于检索字符串中指定的子字符串,或检索与正则表达式相匹配的子字符串,如果找到,返回与 regexp 相匹配的子串的起始位置,否则返回 -1。

    //search(regexp)    var intRegex = /[0-9 -()+]+$/;           var myNumber = '999';    var isInt = myNumber.search(intRegex);    console.log(isInt);    //output: 0

登录后复制

10. slice(start, [end])

slice() 方法可提取字符串的某个部分,返回一个新的字符串。包括字符串从 start 开始(包括 start)到 end 结束(不包括 end)为止的所有字符。

    //slice(start, end)    var text="excellent"    text.slice(0,4) //returns "exce"    text.slice(2,4) //returns "ce"

登录后复制

11. split(delimiter, [limit])

split() 方法用于把一个字符串分割成字符串数组,返回一个字符串数组返回的数组中的字串不包括 delimiter自身。 可选的“limit”是一个整数,允许各位指定要返回的最大数组的元素个数。

12. substr(start, [length])

substr() 方法可在字符串中抽取从 start 下标开始的指定数目的字符。返回一个新的字符串,包含从 start(包括 start 所指的字符) 处开始的 length 个字符。如果没有指定 length,那么返回的字符串包含从 start 到该字符串的结尾的字符。

    //substring(from, to)    var text="excellent"    text.substring(0,4) //returns "exce"    text.substring(2,4) //returns "ce"

登录后复制

13. substring(from, [to])

substring() 方法用于提取字符串中介于两个指定下标之间的字符,方返回的子串包括 start 处的字符,但不包括 stop 处的字符,to 可选,如果省略该参数,那么返回的子串会一直到字符串的结尾。

    //substring(from, [to])    var myString = 'javascript rox';    myString = myString.substring(0,10);    console.log(myString)    //output: javascript

登录后复制

14. toLowerCase()

toLowerCase() 方法用于把字符串转换为小写。

    //toLowerCase()    var myString = 'JAVASCRIPT ROX';    myString = myString.toLowerCase();    console.log(myString)    //output: javascript rox

登录后复制

15. toUpperCase()

toUpperCase() 方法用于把字符串转换为大写。

    //toUpperCase()    var myString = 'javascript rox';    myString = myString.toUpperCase();    console.log(myString)    //output: JAVASCRIPT ROX

登录后复制

16. includes()

includes() 方法用于检查字符串是否包含指定的字符串或字符。

    //includes()    var mystring = "Hello, welcome to edureka";    var n = mystring.includes("edureka");    //output: True

登录后复制

17. endsWith()

endsWith()函数检查字符串是否以指定的字符串或字符结束。

    //endsWith()    var mystr = "List of javascript functions";    var n = mystr.endsWith("functions");    //output: True

登录后复制

18. repeat()

repeat() 构造并返回一个新字符串,该字符串包含被连接在一起的指定数量的字符串的副本。

    //repeat()    var string = "Welcome to Edureka";    string.repeat(2);    //output: Welcome to Edureka Welcome to Edureka

登录后复制

19. valueOf()

valueOf() 方法返回一个String对象的原始值(primitive value),该值等同于String.prototype.toString()。

    //valueOf()    var mystr = "Hello World!";    var res = mystr.valueOf();    //output: Hello World!

登录后复制

20. trim()

trim() 方法会从一个字符串的两端删除空白字符。在这个上下文中的空白字符是所有的空白字符 (space, tab, no-break space 等) 以及所有行终止符字符(如 LF,CR)

    //trim()    var str = "     Hello Edureka!     ";    alert(str.trim());

登录后复制

以上就是JavaScript中常用的20个字符串方法(收藏)的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2729246.html

(0)
上一篇 2025年3月8日 00:05:10
下一篇 2025年2月27日 22:12:30

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • js遇到代码出现问题时调试代码的方法

    本篇文章介绍了在编写JavaScript代码时如果遇到问题时的调试方法,希望对各位学习JavaScript的同学有帮助! js遇到代码出现问题时调试代码的方法 单步跟踪调试 debugger; 控制台watch功能查看变量当前值    进入…

    2025年3月8日 编程技术
    200
  • js中call、apply、bind的区别

    在 javascript 中,call、apply、bind 都是为了改变某个函数运行时的上下文(context)而存在的,换句话说,就是为了改变函数体内部 this 的指向。 js中call、apply、bind的区别 call、appl…

    2025年3月8日
    200
  • JavaScript中split和join的区别

    javascript中split和join的区别 1、split()用于分割字符串,返回一个数组 例如: var string=“hello world?name=xiaobai”;var splitString = string.spli…

    2025年3月8日
    200
  • JavaScript中的数据类型和类型转换

    本篇文章将为你介绍javascript中的数据类型以及各种数据类型的相互转换,希望对学习javascript的朋友有帮助! JavaScript 中有 6 种不同的数据类型: string(字符串)number(数字)boolean(布尔)…

    2025年3月8日 编程技术
    200
  • JavaScript中字符串转数组的方法是什么

    javascript中字符串转数组的方法是什么 JavaScript中字符串转换成数组用split()方法。 推荐学习:js教程 1、根据特殊字符来转换: 例如字符串 var str = ‘abc,def,ghi’ …

    2025年3月8日
    200
  • JavaScript中map方法怎么用

    javascript中map方法怎么用 1、map() 方法返回一个新数组,新数组中的元素为原始数组中的每个元素调用函数处理后得到的值。 2、map() 方法按照原始数组元素顺序依次处理元素。 注意: map() 不会对空数组进行检测。注意…

    2025年3月8日
    200
  • javascript实现焦点图轮播效果代码示例

    本篇文章通过代码实例来给大家介绍一下javascript实现焦点图轮播效果。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。 JS实现焦点图轮播效果 效果图: 立即学习“Java免费学习笔记(深入)”; (不过里面的图片路径…

    2025年3月8日 编程技术
    200
  • javascript诞生于哪年

    javascript诞生于哪年? JavaScript(简称“JS”) 是一种具有函数优先的轻量级,解释型或即时编译型的编程语言。虽然它是作为开发Web页面的脚本语言而出名的,但是它也被用到了很多非浏览器环境中,JavaScript 基于原…

    2025年3月8日
    200
  • javascript中的alert()是什么

    alert()介绍: alert() 方法用于显示带有一条指定消息和一个 确认 按钮的警告框。 语法格式: alert(message) 登录后复制 注意:所有主要浏览器都支持 alert() 方法。 (视频教程推荐:js视频教程) 立即学…

    2025年3月7日
    200
  • typescript和javascript有什么区别

    首先来看一下二者的定义: 什么是javascript? JavaScript 是一种轻量级的解释性脚本语言,无需编译,可嵌入到 HTML 页面中,在浏览器端执行,能够实现浏览器端丰富的交互功能,为用户带来流畅多样的用户体验。 什么是type…

    2025年3月7日
    200

发表回复

登录后才能评论