JS中20个常用字符串方法及使用方式(总结)

JS中20个常用字符串方法及使用方式(总结)

下面本篇文章给大家介绍JavaScript中20个常用字符串方法及使用方式。有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。

1. charAt(x)

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

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

登录后复制

2. charCodeAt(x)

`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());

登录后复制

相关免费学习推荐:js视频教程

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

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

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

(0)
上一篇 2025年3月7日 23:22:17
下一篇 2025年3月7日 23:22:25

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

相关推荐

  • 深入了解JS中的for…of循环

    本篇文章带大家深入了解一下javascript中的for…of循环。有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 for…of语句创建的循环可以遍历对象。在ES6中引入的for…of可以…

    2025年3月7日
    200
  • 深入了解JavaScript中的构造器

    对构造函数有很好的理解是你掌握JavaScript这门语言的重点。我们都知道JavaScript不像其他语言,它没有class关键字,但是它有跟function非常相似的构造函数。这篇文章我们一起来详细地了解JavaScript构造函数如何…

    2025年3月7日
    200
  • JS中的一些常用基础算法介绍

    一个算法只是一个把确定的数据结构的输入转化为一个确定的数据结构的输出的function。算法内在的逻辑决定了如何转换。 基础算法 一、排序 1、冒泡排序 //冒泡排序function bubbleSort(arr) {  for(var i…

    2025年3月7日
    200
  • 详解JavaScript中的变量、范围和提升

    变量是许多编程语言的基本组成部分,也是新手需要学习的第一个也是最重要的概念。JavaScript中有许多不同的变量属性,以及命名变量时必须遵循的一些规则。在JavaScript中,有三个关键字用于声明变量——var、let和const——每…

    2025年3月7日
    200
  • js怎么删除数组中指定元素?

    js中删除数组中指定元素的方法:首先通过循环遍历该数组得到指定元素的索引值,然后根据索引值使用splice()方法即可删除元素,语法“array.splice(索引值,1)”。 JavaScript中删除数组中指定元素的方法详解: 删除数组…

    2025年3月7日
    200
  • 所以 JavaScript 到底是什么?

    JavaScript栏目今天带大家搞清JavaScript到底是什么。 前言 引用《javascript 高级程序设计第四版》中说的话——“从简单的输入验证脚本到强大的编程语言,javascript 的崛起没有任何人预测到。它很简单,学会用…

    2025年3月7日
    200
  • 了解JavaScript中的数据类型转换

    在JavaScript中,数据类型用于对一种特定类型的数据进行分类,确定可以分配给该类型的值以及可以对其执行的操作。 虽然由于类型强制,JavaScript会自动转换许多值,但为了达到预期的结果,通常最好在类型之间手动转换值。 本教程将指导…

    2025年3月7日
    200
  • 深入理解DOM树和节点

    DOM通常被称为DOM树,由称为节点的对象树组成。在DOM简介中,我们讨论了文档对象模型(DOM),如何使用控制台访问document对象和修改其属性,以及HTML源代码和DOM之间的区别。 在本教程中,我们将回顾HTML术语,这对于使用J…

    2025年3月7日 编程技术
    200
  • 了解JavaScript中的回调函数并使用它们

    在JavaScript中,函数是第一类对象,这意味着函数可以像对象一样按照第一类管理被使用。既然函数实际上是对象:它们能被“存储”在变量中,能作为函数参数被传递,能在函数中被创建,能从函数中返回。 因为函数是第一类对象,我们可以在JavaS…

    2025年3月7日
    200
  • 深入浅析ES6中的箭头函数及其作用域

    在ES6很多很棒的新特性中, 箭头函数 (或者大箭头函数)就是其中值得关注的一个! 它不仅仅是很棒很酷, 它很好的利用了作用域, 快捷方便的在现在使用以前我们用的技术, 减少了很多代码……但是如果你不了解箭头函数原理…

    2025年3月7日
    200

发表回复

登录后才能评论