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日

相关文章

  • Egg Vue SSR 服务端渲染数据请求与asyncData

    Egg Vue SSR 是一个基于 Egg.js 和 Vue.js 的服务端渲染项 目,它能够将 Vue.js 组件在服务端渲染完成之后再返回给客户端,在一定程度上可以提高页面的首屏渲染速度和搜索引擎的爬取效果。为了更好的支持服务端渲染,Egg Vue SSR 提供了异步数据请求方法 asyncData。 asyncData 是在服务端执行的方法,而非在浏览…

    JavaScript 2023年6月11日
    00
  • Javascript Array constructor 属性

    以下是关于JavaScript Array constructor属性的完整攻略。 JavaScript Array constructor属性 JavaScript Array constructor属性是一个指向创建数组对象的函数的引用。该属性可以用来检测一个对象是否为数组,或者用来创建一个新的数组对象。 下面是一个使用constructor属性的示例:…

    JavaScript 2023年5月11日
    00
  • js 日期加红代码 适用于各种cms 原创

    进入正题。 JS 日期加红代码 适用于各种CMS 原创攻略 在网页开发中,有时需要将某些日期信息突出显示,以便读者更加方便地理解。这时候可以用 js 代码来实现日期加红这个效果。 实现方法 具体的实现方法是通过 JavaScript 获取网页上的日期信息,然后判断日期是否以当前日期为基准进行标红处理。 下面是关键的 JavaScript 代码: <sc…

    JavaScript 2023年6月11日
    00
  • 如何学习Javascript入门指导

    如何学习 Javascript 入门指导 为什么要学习 Javascript Javascript 是一门前端开发必备的编程语言。通过 Javascript,可以实现交互式的网页,使得用户与网页的互动更加生动有趣。Javascript 的应用还涉及到后端开发、移动应用开发等多个领域。 入门指导 1. 学习基本语法 Javascript 的基本语法是学习的重点…

    JavaScript 2023年5月18日
    00
  • JSP建立错误页页面并自动跳转

    建立错误页页面并自动跳转的过程如下: 1. 创建错误页页面 在 JSP 项目中,我们可以通过创建一个名为 error.jsp 的 JSP 页面作为错误页页面。在 error.jsp 中,我们可以通过使用 JSP 的内置对象 exception 和 page 变量来输出错误信息,并提供用户回到网站主页的链接,如下所示: <%@ page language…

    JavaScript 2023年5月27日
    00
  • js获取触发事件元素在整个网页中的绝对坐标(示例代码)

    正常情况下,通过JavaScript获取元素坐标有两种方式:相对于视口的位置(即viewport)和相对于文档的位置。获取相对于整个文档的坐标,也被称为获取元素的绝对坐标。 方法一:使用element.getBoundingClientRect() element.getBoundingClientRect()可以返回元素的大小及其相对于视口的位置。该方法返…

    JavaScript 2023年6月10日
    00
  • js中递归函数的使用介绍

    JS中递归函数的使用介绍 什么是递归函数? 递归函数是指在函数定义中调用自身的函数。通过使用递归函数,可以将一个大问题逐渐分解为若干个小问题,从而更容易解决。递归函数是一个强有力的工具,它在许多编程语言中广泛使用。 如何使用递归函数? 最简单的递归函数定义只是一个条件判断和一个递归调用。如下所示: function recursiveFunc(param) …

    JavaScript 2023年5月27日
    00
  • 在iframe里的页面编写js,实现在父窗口上创建动画效果展开和收缩的div(不变动iframe父窗口代码)

    让我们一步步来实现在iframe里的页面编写js,实现在父窗口上创建动画效果展开和收缩的div,不改变iframe父窗口代码。 首先,我们需要在iframe里的页面编写js,并且通过iframe的parent对象进行与父窗口的交互。以下是大致的步骤: 在iframe页面中编写HTML代码和JS代码,创建一个可以进行展开和收缩的div,并设置好div的初始状态…

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