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

相关文章

  • 深入理解Jquery表单验证(使用formValidator)

    深入理解JQuery表单验证(使用formValidator) 简介 JQuery表单验证是前端开发中经常使用到的技术之一,它可以对用户输入的表单数据进行自定义的验证。本篇文章将介绍如何使用 JQuery 插件 formValidator 进行表单验证。 安装 首先需要在项目中引入 JQuery 和 formValidator。 <head> &…

    JavaScript 2023年6月10日
    00
  • Express的路由详解

    Express的路由系统非常强大,它能够帮助开发者分发请求并处理对应的响应。在这篇文章中,我将详细讲解如何使用Express的路由系统。 路由基础 在Express中,路由实际上就是一个处理程序(函数),当接收到特定的HTTP请求时,它会被执行。下面是一个基本的Express路由示例: const express = require(‘express’) c…

    JavaScript 2023年6月11日
    00
  • JS使用正则截取两个字符串之间的字符串实现方法详解

    当我们想要从一个字符串中提取出特定的子串时,我们可以使用正则表达式来进行匹配。下面是JS使用正则截取两个字符串之间的字符串实现方法详解: 步骤一: 定义正则表达式 首先,需要定义一个正则表达式来匹配要提取的子串。正则表达式的语法可以参考MDN文档。 例如,如果我们想要截取”start”和”end”之间的字符串,可以使用如下的正则表达式: var patter…

    JavaScript 2023年5月28日
    00
  • node.js Web应用框架Express入门指南

    Node.js Web应用框架Express入门指南 Express是基于Node.js开发的Web应用框架,它提供了一组API来帮助开发者快速地创建Web应用程序。本指南将介绍如何入门使用Express,包括安装、配置、路由、模板引擎等方面的内容。 安装Express 首先需要安装Node.js和npm。安装完成后,可打开终端窗口,输入以下命令安装Expr…

    JavaScript 2023年5月27日
    00
  • 详解JavaScript编程中的数组结构

    详解JavaScript编程中的数组结构 数组是JavaScript编程中常用的一种数据结构,它可以存储一组有序的数据,并通过索引来访问其中的元素。在JavaScript中,数组可以存储任何类型的数据,包括数字、字符串、对象等。 数组的创建 JavaScript中可以通过下面几种方式来声明并创建一个数组: 使用数组字面量 var fruits = [‘app…

    JavaScript 2023年5月27日
    00
  • javascript打印大全(打印页面设置/打印预览代码)

    下面是详细讲解“javascript打印大全(打印页面设置/打印预览代码)”的攻略: 打印页面设置 打印页面设置主要是使用window.print()方法,这个方法用于打印当前页面。在使用window.print()前,我们常常需要设置一些打印页面参数,如纸张大小、边距、横向还是纵向等等。 设置纸张大小 @media print { @page { size…

    JavaScript 2023年5月19日
    00
  • 前端面试之对安全防御的理解分析

    前言 在前端开发领域中,安全防御一直是非常重要的一个方面。因为web应用程序是非常容易受到攻击的,如果没有恰当的安全措施,可能会导致各种问题,如身份盗窃、数据泄露、远程执行代码等。 在进行前端面试时,关于安全防御的理解和分析,是一个非常常见的问题。因此,在本篇攻略中,我将从多个角度对前端安全防御进行分析和讲解,帮助大家更好地理解前端安全防御的重要性和实现方式…

    JavaScript 2023年6月10日
    00
  • For循环中分号隔开的3部分的执行顺序探讨

    接下来我将为大家详细讲解”For循环中分号隔开的3部分的执行顺序探讨”的完整攻略。 什么是For循环中分号隔开的3部分? 在For循环中,分号隔开的3部分指的是:初始化、循环条件、循环后操作。具体的语法如下: for (初始化表达式; 循环条件表达式; 循环后操作表达式) { 循环体 } 其中,每个表达式可以是任何有效的表达式。在for循环开始之前,初始化表…

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