梳理总结JavaScript的23个String方法

yizhihongxing

下面是一份详细的攻略,可能会有点长,请您慢慢阅读。

梳理总结JavaScript的23个String方法

String.prototype.charAt()

此方法用于返回指定位置的字符。下面是一个示例:

const str = "hello";
const char = str.charAt(2); // 'l'

这个示例中,我们从字符串"hello"中取了第三个字符,即'l'

String.prototype.charCodeAt()

此方法用于返回指定位置字符的Unicode编码。下面是一个示例:

const str = "hello";
const unicode = str.charCodeAt(2); // 108

这个示例中,我们从字符串"hello"中取了第三个字符的Unicode编码,即108

String.prototype.concat()

此方法用于将两个或多个字符串拼接起来。下面是一个示例:

const str1 = "hello";
const str2 = " world";
const result = str1.concat(str2); // 'hello world'

这个示例中,我们将两个字符串"hello"" world"拼接起来,得到了一个新的字符串"hello world"

String.prototype.endsWith()

此方法用于判断一个字符串是否以另一个字符串结尾。下面是一个示例:

const str = "hello world";
const isEndsWith = str.endsWith("world"); // true

这个示例中,我们判断字符串"hello world"是否以字符串"world"结尾,结果为true

String.prototype.includes()

此方法用于判断一个字符串是否包含另一个字符串。下面是一个示例:

const str = "hello world";
const includes = str.includes("wor"); // true

这个示例中,我们判断字符串"hello world"是否包含字符串"wor",结果为true

String.prototype.indexOf()

此方法用于返回指定字符串在原字符串中第一次出现的位置。下面是一个示例:

const str = "hello world";
const index = str.indexOf("o"); // 4

这个示例中,我们查找字符串"hello world"中第一个出现的字符"o"的位置,结果为4

String.prototype.lastIndexOf()

此方法用于返回指定字符串在原字符串中最后一次出现的位置。下面是一个示例:

const str = "hello world";
const index = str.lastIndexOf("o"); // 7

这个示例中,我们查找字符串"hello world"中最后一个出现的字符"o"的位置,结果为7

String.prototype.localeCompare()

此方法用于比较两个字符串是否相等,并返回一个数字,表示两个字符串之间的关系。下面是一个示例:

const str1 = "apple";
const str2 = "banana";
const res = str1.localeCompare(str2); // -1

这个示例中,我们比较字符串"apple""banana"的大小关系,结果为-1,表示"apple""banana"小。

String.prototype.match()

此方法用于在字符串中查找正则表达式匹配的子串,并返回一个数组,数组中的元素为匹配的结果。下面是一个示例:

const str = "hello world";
const res = str.match(/o/g); // ['o', 'o']

这个示例中,我们查找字符串"hello world"中所有的字符"o",结果为一个数组['o', 'o']

String.prototype.repeat()

此方法用于将原字符串重复指定次数,并返回一个新字符串。下面是一个示例:

const str = "hello";
const res = str.repeat(3); // 'hellohellohello'

这个示例中,我们将字符串"hello"重复三次,得到一个新的字符串"hellohellohello"

String.prototype.replace()

此方法用于在字符串中查找指定的子串,并将其替换为指定的字符串。下面是一个示例:

const str = "I like apple";
const res = str.replace("apple", "banana"); // 'I like banana'

这个示例中,我们将字符串"I like apple"中的"apple"替换为"banana",得到一个新字符串"I like banana"

String.prototype.search()

此方法用于查找指定字符串是否出现在原字符串中,并返回第一个匹配的位置。下面是一个示例:

const str = "hello world";
const index = str.search(/w/); // 6

这个示例中,我们查找字符串"hello world"中第一个出现的字符"w"的位置,结果为6

String.prototype.slice()

此方法用于从原字符串中提取子串,并返回一个新字符串。下面是一个示例:

const str = "hello world";
const res = str.slice(2, 6); // 'llo '

这个示例中,我们从字符串"hello world"中取出从第三个字符(索引为2)到第七个字符(索引为6)的子串,结果为"llo "

String.prototype.split()

此方法用于将原字符串分割成一个数组,根据指定的分隔符。下面是一个示例:

const str = "apple,orange,banana";
const res = str.split(","); // ['apple', 'orange', 'banana']

这个示例中,我们将字符串"apple,orange,banana"以逗号为分割符进行分割,得到一个数组['apple', 'orange', 'banana']

String.prototype.startsWith()

此方法用于判断一个字符串是否以另一个字符串开头。下面是一个示例:

const str = "hello world";
const isStartsWith = str.startsWith("hello"); // true

这个示例中,我们判断字符串"hello world"是否以字符串"hello"开头,结果为true

String.prototype.substr()

此方法用于从原字符串中提取子串,并返回一个新字符串,取法与String.prototype.slice()类似,但是可以指定取多长。下面是一个示例:

const str = "hello world";
const res = str.substr(2, 3); // 'llo'

这个示例中,我们从字符串"hello world"中取出从第三个字符(索引为2)开始的三个字符,结果为"llo"

String.prototype.substring()

此方法用于从原字符串中提取子串,并返回一个新字符串,取法与String.prototype.slice()类似,但是不能用负数作为参数。下面是一个示例:

const str = "hello world";
const res = str.substring(2, 6); // 'llo '

这个示例中,我们从字符串"hello world"中取出从第三个字符(索引为2)到第七个字符(索引为6)的子串,结果为"llo "

String.prototype.toLocaleLowerCase()

此方法用于将原字符串中的所有大写字母转换为小写字母,并返回一个新字符串。下面是一个示例:

const str = "Hello World";
const res = str.toLocaleLowerCase(); // 'hello world'

这个示例中,我们把字符串"Hello World"中所有的大写字母转换成小写字母,得到一个新字符串"hello world"

String.prototype.toLocaleUpperCase()

此方法用于将原字符串中的所有小写字母转换为大写字母,并返回一个新字符串。下面是一个示例:

const str = "Hello World";
const res = str.toLocaleUpperCase(); // 'HELLO WORLD'

这个示例中,我们把字符串"Hello World"中所有的小写字母转换成大写字母,得到一个新字符串"HELLO WORLD"

String.prototype.toLowerCase()

此方法用于将原字符串中的所有字母转换为小写字母,并返回一个新字符串。下面是一个示例:

const str = "Hello World";
const res = str.toLowerCase(); // 'hello world'

这个示例中,我们把字符串"Hello World"中所有的字母转换成小写字母,得到一个新字符串"hello world"

String.prototype.toUpperCase()

此方法用于将原字符串中的所有字母转换为大写字母,并返回一个新字符串。下面是一个示例:

const str = "Hello World";
const res = str.toUpperCase(); // 'HELLO WORLD'

这个示例中,我们把字符串"Hello World"中所有的字母转换成大写字母,得到一个新字符串"HELLO WORLD"

String.prototype.trim()

此方法用于去除原字符串中的空格,并返回一个新字符串。下面是一个示例:

const str = "   hello world   ";
const res = str.trim(); // 'hello world'

这个示例中,我们去除了字符串" hello world "中的空格,得到一个新字符串"hello world"

以上就是23个String方法的详细讲解,希望可以对您有所帮助。

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:梳理总结JavaScript的23个String方法 - Python技术站

(0)
上一篇 2023年5月19日
下一篇 2023年5月19日

相关文章

  • 关于IE7 IE8弹出窗口顶上

    针对IE7 和IE8浏览器中弹出窗口顶部被隐藏的问题,一般可以通过修改CSS属性来解决。以下是详细的攻略: 1. 理解问题 在IE7和IE8中,当使用弹出窗口(window.open)打开一个新窗口时,新窗口的顶部可能会被浏览器工具栏(如地址栏和标签栏)所遮挡,导致用户无法看到完整的窗口顶部内容,这对用户使用造成不便。 2. 解决方法一:修改弹出窗口的CSS…

    JavaScript 2023年6月11日
    00
  • 浅谈TypeScript3.7中值得注意的3个新特性

    首先,让我们先简单介绍一下TypeScript。TypeScript是微软开发的一种超集编程语言,它是JavaScript的扩展,可以增加静态类型、接口、类、命名空间等特性,将JavaScript打造成强类型的脚本语言。 TypeScript3.7是最新的版本,其中有三个新特性值得我们关注。 1.声明只读数组和元组 在TypeScript 3.7中,我们可以…

    JavaScript 2023年5月27日
    00
  • js 字符串操作函数

    下面是针对“js字符串操作函数”的详细攻略。 常用字符串操作函数 1.字符串长度 JavaScript中获取字符串长度的方式是通过字符串对象的length属性来实现的。 const str = "hello world"; console.log(str.length); // 11 2.字符串查找 在JavaScript中,字符串对象有…

    JavaScript 2023年5月27日
    00
  • javascript按钮禁用和启用的效果实例代码

    下面我将详细讲解“JavaScript按钮禁用和启用的效果实例代码”的完整攻略。 禁用按钮 原理:使用disabled属性禁用按钮。 示例代码 HTML代码: <button id="myBtn">提交</button> JavaScript代码: var myBtn = document.getElementBy…

    JavaScript 2023年6月10日
    00
  • JS中eval函数的使用示例

    下面是关于“JS中eval函数的使用示例”的完整攻略。 eval函数的作用及用法 eval函数可以将接受的字符串作为JavaScript代码来执行,并将执行结果返回。其最常见的用法是将字符串转换为可执行的代码,极大的增强了语言的灵活性。 eval函数的基本语法如下: eval(string) 其中,string是要执行的JavaScript代码字符串。 需要…

    JavaScript 2023年5月27日
    00
  • JavaScript高级程序设计(第3版)学习笔记5 js语句

    JavaScript高级程序设计(第3版)是一本经典的JavaScript教材,本书是关于js语句的学习笔记,以下为完整攻略: 目录 条件语句 循环语句 跳转语句 try-catch语句 with语句 条件语句 条件语句是根据条件执行不同代码块的语句。 if语句 if语句的基本格式是: if (条件) { // 如果条件为真,则执行这里的代码 } 示例: i…

    JavaScript 2023年5月27日
    00
  • JavaScript function函数种类详解

    JavaScript Function函数种类详解 JavaScript是一门非常强大的脚本语言,其中函数是最重要的部分之一。函数是用于执行特定任务的代码块,它接收输入并返回输出。JavaScript中的函数有多种种类。在这里,我们将详细探讨不同函数种类的特点和用法,并提供一些示例。 函数定义 在JavaScript中,定义函数有两种方法:函数声明和函数表达…

    JavaScript 2023年5月27日
    00
  • js实现数组的扁平化

    实现数组扁平化的方法有多种,以下介绍两种比较实用的方式。 方法一:使用递归实现数组扁平化 递归算法是一种自我调用的方法,即函数内部调用自身。使用递归实现数组扁平化的方式较为简单。 function flatten(arr) { var result = []; for (var i = 0, len = arr.length; i < len; i++…

    JavaScript 2023年5月27日
    00
合作推广
合作推广
分享本页
返回顶部