3种js实现string的substring方法

实现string的substring方法有多种方法,这里介绍其中的3种JS实现方式,分别是:

  1. 使用slice方法
  2. 使用substr方法
  3. 使用substring方法

1. 使用slice方法

slice()方法可以接收两个参数,分别是开始位置和结束位置,返回从开始位置到结束位置的字符串。

例如:

let str = "Hello World";
let result = str.slice(0, 5); // "Hello"

这个例子中, slice() 方法从字符串的开始位置(索引 0)到结束位置(索引 5)返回了一个新的字符串,即“Hello”。

2. 使用substr方法

substr()方法也可以接收两个参数,第一个参数是开始位置(索引),第二个参数是要返回的字符数。

例如:

let str = "Hello World";
let result = str.substr(0, 5); // "Hello"

在这个例子中, substr() 方法从字符串的开始位置(索引 0)返回前5个字符,即“Hello”。

3. 使用substring方法

substring()方法同样接收两个参数,第一个参数是开始位置(索引),第二个参数是结束位置(索引),但与slice()方法的参数不同,substring() 方法的第二个参数表示要提取的最后一个字符的索引+1的位置。

例如:

let str = "Hello World";
let result = str.substring(0, 5); // "Hello"

在这个例子中, substring() 方法从字符串的开始位置(索引 0)到结束位置(索引 5,但不包含该位置)返回了一个新的字符串,即“Hello”。

总结:

三种方法的不同之处在于substr()substring()方法的第二个参数分别表示要提取的字符数和最后一个字符所在的索引位置,而slice() 方法的第二个参数表示提取到哪一个索引位置(不包含该位置),会返回长度为参数二减参数一的字符串。

除了这些不同之处,这三种方法的返回结果都是相同的。

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:3种js实现string的substring方法 - Python技术站

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

相关文章

  • javascript中的五种基本数据类型

    当谈到JavaScript的数据类型时,你应该了解有五个基本数据类型,分别是: 数字类型 (Number) 字符串类型 (String) 布尔类型 (Boolean) 空值类型 (Null) 未定义类型 (Undefined) 下面我们一一来详细讲解: 1. 数字类型 (Number) JavaScript中的数字类型包括整数和浮点数。 它们都被表示为Num…

    JavaScript 2023年5月17日
    00
  • JS面向对象基础讲解(工厂模式、构造函数模式、原型模式、混合模式、动态原型模式)

    下面将分别讲解工厂模式、构造函数模式、原型模式、混合模式、动态原型模式的基础概念和应用,并且提供两个示例演示它们的具体用法。 工厂模式 工厂模式用于创建同一类型对象的方式,这种方式隐藏了对象创建的复杂性,避免了使用new关键字的过多,同时也可以使代码更加灵活。它通过一个函数来封装了所有实例化对象行为,并且返回一个新对象。下面是一个最简单的创建对象的工厂模式的…

    JavaScript 2023年5月27日
    00
  • 解析页面加载与js函数的执行 onload or ready

    解析页面加载与js函数的执行 onload or ready 页面加载过程 当浏览器加载一个页面时,会按照以下步骤逐步完成页面的加载: 浏览器通过DNS解析获取目标网站的IP地址 浏览器向服务器发出请求,获取HTML文件 浏览器开始解析HTML,构建DOM树 遇到CSS和JS文件时,浏览器会解析它们,并执行其中的代码 解析完成后,浏览器构建出渲染树 渲染树和…

    JavaScript 2023年6月11日
    00
  • 详解JavaScript中的Unescape()和String() 函数

    详解JavaScript中的Unescape()和String() 函数 Unescape() 函数 Unescape() 是JavaScript中的一个函数,它将一个字符串转换为一个未经编码的字符串。在URL编码中,URL中的特殊字符将被替换为百分号(%)后跟两个十六进制数字。Unescape()函数能够将这些URL编码的特殊字符解码回原始字符。例如,%2…

    JavaScript 2023年5月19日
    00
  • 小程序表单认证布局及验证详解

    小程序表单认证布局及验证详解 背景分析 在小程序中,表单认证(即用户输入的表单信息的验证)是一个比较基础的功能,它能够帮助我们检查用户输入的格式是否正确,从而提高应用的稳定性和友好性。下面是针对小程序表单认证的布局及验证过程的详解。 布局方式 在小程序中,表单通常采用form组件实现。在form内,可以设置多个input组件,每个input组件可能包含一个或…

    JavaScript 2023年6月10日
    00
  • js substr支持中文截取函数代码(中文是双字节)

    下面是详细讲解“js substr支持中文截取函数代码(中文是双字节)”的完整攻略。 1. 问题背景 在JavaScript中,使用substr()方法可以截取指定位置和长度的字符串,但是它对中文不友好,因为中文字符是双字节的,在使用substr()方法截取时很容易出现截取不完整或截取错位的问题。因此,我们需要编写一个支持中文截取的函数。 2. 解决方案 我…

    JavaScript 2023年5月19日
    00
  • Javascript Math atan2() 方法

    JavaScript中的Math.atan2()方法用于返回从X轴正方向到点(x,y)的角度,即反正切值。该方法接受两个参数,即y和x,分别表示点的纵坐标和横坐标。以下是关于Math.atan2()方法的完整攻略,包括两个示例。 JavaScript Math对象的atan2()方法 JavaScript Math对象中的atan2()方法用于返回从X轴正方…

    JavaScript 2023年5月11日
    00
  • JavaScript函数、闭包、原型、面向对象学习笔记

    JavaScript函数学习笔记 什么是函数 函数是 JavaScript 中的一个代码块,它可以重复执行,并且可通过传入参数和返回值来实现对信息的处理和存储。 函数的定义方式 JavaScript 中有多种定义函数的方式,以下是其中常用的三种方式: 1. 函数声明 使用 function 关键字定义的函数,代码如下: function functionNa…

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