javascript中String类的subString()方法和slice()方法

当我们需要对字符串进行裁剪或切片操作时,JavaScript中的String类提供了两个常用的方法:substring()和slice()。这两种方法都能够将一个字符串切分为多个子串,但它们有一些不同之处。

substring()方法

substring()方法用于将字符串中的一部分截取出来,返回一个新的字符串。其接受两个参数,分别代表子字符串的起始位置和终止位置(不包括终止位置本身),如果只提供一个参数,则从该位置开始截取直到字符串的末尾。

示例一:

let str = "Hello,world!";
let newStr = str.substring(0, 5);  // 从0位置开始,截取五个字符
console.log(newStr);  // "Hello"

示例二:

let str = "Hello,world!";
let newStr = str.substring(7);  // 从7位置开始截取到字符串的末尾
console.log(newStr);  // "world!"

需要注意的是,如果第一个参数大于第二个参数,则substring()方法会自动交换这两个参数,使得起始位置在前、终止位置在后。同时,如果参数为负数,则substring()方法会将其转化为0。

slice()方法

slice()方法也是用于将字符串切片,返回一个新的字符串。与substring()方法不同的是,slice()方法接受两个参数,分别代表子字符串的起始位置和终止位置(不包括终止位置本身),如果只提供一个参数,则从该位置开始截取直到字符串的末尾。另外,slice()方法还支持使用负数作为参数,表示从字符串的末尾开始算起。

示例一:

let str = "Hello,world!";
let newStr = str.slice(2, 5);  // 从2位置开始,截取到5位置(不包括5)
console.log(newStr);  // "llo"

示例二:

let str = "Hello,world!";
let newStr = str.slice(-5);  // 从倒数第五个位置开始截取到字符串的末尾
console.log(newStr);  // "world!"

需要注意的是,和substring()方法不同的是,如果第一个参数大于第二个参数,则slice()方法返回空字符串。同时,如果参数为负数,则slice()方法会将其转化为从字符串的末尾开始算起的位置。

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:javascript中String类的subString()方法和slice()方法 - Python技术站

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

相关文章

  • Javascript 日期对象Date扩展方法

    JavaScript 日期对象 Date 扩展方法是用于处理日期时间的工具,对于处理时间日期的任务非常有用。本文将深入地探讨 JavaScript 日期对象 Date 的基本知识和常见的扩展方法,让你掌握 JavaScript 中的日期和时间处理。 什么是 JavaScript 日期对象 Date? JavaScript Date 对象是用来处理日期和时间的…

    JavaScript 2023年5月27日
    00
  • 中级前端工程师必须要掌握的27个JavaScript 技巧(干货总结)

    下面是“中级前端工程师必须要掌握的27个JavaScript 技巧(干货总结)”的完整攻略: 1. 确保函数只被运行一次 有时候我们需要一个函数只能运行一次,比如在页面中只能打开一次弹窗。这时可以利用闭包来实现。 var runOnce = (function() { var executed = false; return function() { if …

    JavaScript 2023年5月28日
    00
  • 微信小程序页面传多个参数跳转页面的实现方法

    以下是关于“微信小程序页面传多个参数跳转页面的实现方法”的详细攻略。 1. 基础知识:微信小程序页面传参 在微信小程序中,页面跳转时可以使用wx.navigateTo()方法来进行页面跳转,同时也可以使用wx.redirectTo()等其他相关方法来进行页面跳转。对于页面跳转传参,一般的方法是使用URL参数传递,例如: wx.navigateTo({ url…

    JavaScript 2023年6月11日
    00
  • JavaScript 判断日期格式是否正确的实现代码

    判断日期格式是否正确的实现代码需要考虑不同的日期格式,包括年月日、小时分钟秒、毫秒等不同的时间单位组合,不同的时间分隔符等因素。下面就是一份基于JavaScript的日期格式验证实例代码。 步骤1:定义正则表达式 为了实现日期格式验证,我们需要使用正则表达式来判断是否满足指定日期格式。以下是一个匹配日期格式的正则表达式。 const dateRegEx = …

    JavaScript 2023年5月27日
    00
  • 一文彻底理解js原生语法prototype,__proto__和constructor

    一文彻底理解js原生语法prototype, __proto__ 和 constructor 什么是 prototype 在 JavaScript 中,每个函数都有一个 .prototype 属性。这个属性是一个指向对象的引用,它被称为原型对象(prototype object)。 如果在函数对象中定义了某个属性或方法,则该函数的所有实例都将继承该属性或方法…

    JavaScript 2023年6月10日
    00
  • js replace正则相关的诡异问题

    首先,我们需要了解replace方法是用于将一个字符串中的指定字符或正则表达式替换成新的字符串。在使用replace方法时,通常会用到正则表达式来匹配需要替换的字符串。 但是,在使用replace方法时,如果我们将正则表达式中的括号与g全局标记一起使用时,容易出现一些诡异的问题。下面,我将列举两个示例来说明这个问题。 示例一: const str = ’12…

    JavaScript 2023年6月10日
    00
  • 总结JavaScript三种数据存储方式之间的区别

    当我们开发基于 JavaScript 的应用程序时,我们需要考虑如何在应用程序中存储数据。JavaScript 中有很多种数据存储方式,本文将介绍三种最常用的数据存储方式,包括: Cookie Web 存储(LocalStorage 和 SessionStorage) IndexedDB Cookie Cookie 是最早的 Web 储存技术之一,可以通过 …

    JavaScript 2023年6月11日
    00
  • JavaScript中的Repaint和Reflow用法详解

    JavaScript中的Repaint和Reflow用法详解 简介 当我们操作DOM元素时,浏览器会自动在内部计算其布局和几何属性,这被称为回流(reflow)。同时,当我们对样式进行更改时,浏览器会重新渲染(repaint)发生更改的部分。这样做会提高应用程序或网站的性能,因为回流和重绘是比较昂贵的操作。 Repaint 在计算机图形中,当一个对象的视觉外…

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