梳理总结JavaScript的23个String方法

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

梳理总结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日

相关文章

  • javascript条件式访问属性和箭头函数介绍

    下面我将为您详细讲解“JavaScript条件式访问属性和箭头函数介绍”的完整攻略。 JavaScript条件式访问属性 1. 定义 条件式访问属性是一种在对象中访问属性的技术,可以更简洁地检查对象和属性是否存在,以避免出现 undefined 和 TypeError。 2. 示例 以下是一种常规方式来检查对象的属性和属性是否存在: if (obj &amp…

    JavaScript 2023年5月18日
    00
  • 设置cookie指定时间失效(实例代码)

    设置 cookie 失效时间是保持 Web 应用程序状态的关键技术之一。下面是如何在 PHP 中设置指定时间失效的 cookie 的完整攻略: 步骤 1:创建 cookie 要在 PHP 中设置 cookie,可以使用 setcookie() 函数。该函数的语法如下: setcookie(name, value, expire, path, domain, …

    JavaScript 2023年6月11日
    00
  • ASP的Error对象知识简析

    ASP的Error对象知识简析 在ASP开发中,如果出现错误,ASP会自动创建一个名为Error的对象,来存储出错信息。Error对象的相关属性和方法可以方便我们查找和处理错误信息。以下是对ASP Error对象的一些简单分析。 Error对象的属性 Error对象包含以下常用属性: ASPError.ASPCode 返回的是一个数字值,表示出错的标准代码。…

    JavaScript 2023年6月11日
    00
  • JavaScript中关于Object.create()的用法

    首先我们来讲一下Object.create()方法。它是JavaScript中一个非常重要的方法,用于创建一个新对象,同时可以将其原型指向另一个对象,也可以添加新的属性和方法。下面就来详细介绍一下Object.create()的用法: 基本语法 Object.create()方法的基本语法如下: Object.create(proto[, propertie…

    JavaScript 2023年5月27日
    00
  • 教你JS中的运算符乘方、开方及变量格式转换

    教你JS中的运算符乘方、开方及变量格式转换 一、乘方运算 在JavaScript中,计算数字的乘方可以使用 Math.pow() 函数,该函数需要两个参数,第一个是底数,第二个是指数。例如: Math.pow(2, 3); // 计算2的3次方,结果为8 二、开方运算 在JavaScript中,计算数字的平方根可以使用 Math.sqrt() 函数,该函数需…

    JavaScript 2023年5月28日
    00
  • JScript的条件编译

    JScript条件编译是一种用于限定JScript代码在不同平台或环境下执行的方法,它可以通过编译器指令来控制代码的编译或排除,这对于处理不同浏览器或操作系统上的兼容性问题非常有用。 基本语法 JScript条件编译使用如下的语法: /*@if [condition]*/ // code to evaluate if condition is true /*…

    JavaScript 2023年6月11日
    00
  • js 显示base64编码的二进制流网页图片

    这里是JS显示base64编码的二进制流网页图片的完整攻略。 什么是Base64 Base64是一种基于64个字符的编码方式,通常用于在网络上传输二进制数据。Base64编码可以将任意二进制数据用文本表示,不但方便传输,而且可以避免一些特殊字符在传输过程中被转义。 显示Base64编码的图片 有时候我们需要用JS在网页中显示一张Base64编码的图片,可以通…

    JavaScript 2023年6月1日
    00
  • javascript实现获取图片大小及图片等比缩放的方法

    以下是详细讲解“javascript实现获取图片大小及图片等比缩放的方法”的完整攻略。 获取图片大小 在JavaScript中,获取图片大小的主要方法是通过HTML5中的Image对象获取。具体步骤如下: 创建Image对象 给Image对象设置图片路径 等待图片加载完成 当图片加载完成后,可以获取到图片的width和height属性,就可以得到图片的大小了…

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