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生成带有缩进的表格代码

    当我们需要在网页上展示表格数据时,生成带有缩进的表格代码可以使代码结构更加清晰、易于阅读。下面是生成带有缩进的表格代码的步骤: 1. 准备数据 首先需要准备数据,可以是从后台服务器获取到的数据,也可以是通过JS数组手动创建的数据。例如,下面是一个JS数组: // 示例数据 var data = [ { name: ‘张三’, age: 28, address…

    JavaScript 2023年6月11日
    00
  • JavaScript中匿名函数用法实例

    JavaScript中匿名函数用法实例 JavaScript中的匿名函数也称为闭包(Closure),是一种特殊的函数类型,它没有函数名,但可以被当做一般函数一样调用,且具有私有变量和函数等特性。下面是几个实际用例,以帮助您更好地理解匿名函数。 基础用法 在JavaScript中,我们通常通过function关键字来定义函数,而匿名函数没有函数名。匿名函数可…

    JavaScript 2023年5月27日
    00
  • Js基础学习资料

    Js基础学习资料完整攻略 目录 学习网站推荐 学习书籍推荐 个人建议 学习网站推荐 以下是一些适合 Js 初学者的网站,这些网站通常包括了从 Js 基础语法到高阶应用的全面内容。 MDN Web Docs w3schools JavaScript.info 学习书籍推荐 以下是一些 Js 学习者可以选择的经典书籍。 《JavaScript 高级程序设计》([…

    JavaScript 2023年5月18日
    00
  • 鼠标事件延时切换插件

    鼠标事件延时切换插件攻略 插件介绍 鼠标事件延时切换插件是一款基于jQuery库实现的插件,可以实现在鼠标停留在某一元素上时,延时展示该元素的内容,并在鼠标离开该元素后,自动隐藏该元素的内容,从而提高页面的交互性。 插件使用方法 引入jQuery库和鼠标事件延时切换插件的js文件 <script src="https://cdn.bootcd…

    JavaScript 2023年6月11日
    00
  • JS两个数组比较,删除重复值的巧妙方法(推荐)

    JS两个数组比较,删除重复值是一个常见的问题。以下是一个使用巧妙方法的攻略: 步骤1:创建两个待比较的数组 首先,您需要定义两个数组,分别是要比较的源数组和目标数组。例如: const sourceArray = [1, 2, 3, 4, 5]; const targetArray = [3, 4, 5, 6, 7]; 步骤2: 使用filter方法进行比较…

    JavaScript 2023年6月11日
    00
  • React-Native之定时器Timer的实现代码

    下面是关于“React-Native之定时器Timer的实现代码”的完整攻略: 什么是定时器? 在React-Native中,我们可以使用定时器来处理一些需要在指定时间间隔内执行的任务。React-Native提供了两种类型的定时器:基于时间间隔的定时器和基于帧率的定时器。此处我们重点讲解基于时间间隔的定时器。 基于时间间隔的定时器用法 React-Nati…

    JavaScript 2023年6月11日
    00
  • jquery处理json对象

    一、简介 在前端开发中,处理 JSON 数据是一项基本技能,而 jQuery 正是我们最常使用的 JS 库之一。本文将详细介绍 jQuery 如何处理 JSON 数据对象。 二、jQuery 处理 JSON 将 JSON 字符串转换为 JavaScript 对象 使用 JSON.parse() 方法,可以将 JSON 字符串转换为 JavaScript 对象…

    JavaScript 2023年5月27日
    00
  • Javascript数组的 forEach 方法详细介绍

    下面我将为您详细讲解“Javascript数组的 forEach 方法详细介绍”的完整攻略。 什么是 JavaScript 数组的 forEach 方法? JavaScript 中的数组是一组含有相同类型的数据的集合。forEach() 是 JavaScript 中内置的数组方法,可以帮助我们遍历数组并对每个元素执行一个特定的操作,例如修改、删除或输出数组元…

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