[JavaScript知识库] 字符串截取方法：substring、substr、 slice 及完整代码实例

开发: C++知识库 Java知识库 JavaScript Python PHP知识库人工智能区块链大数据移动开发嵌入式开发工具数据结构与算法开发测试游戏开发网络协议系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑笔记本显卡显示器固态硬盘硬盘耳机手机 iphone vivo oppo 小米华为单反装机图拉丁

-> JavaScript知识库 -> 字符串截取方法：substring、substr、 slice 及完整代码实例 -> 正文阅读

[JavaScript知识库]字符串截取方法：substring、substr、 slice 及完整代码实例

方法1 =》 substring

// substring方法返回的子串包括了start处的字符，但不包括stop处的字符
// 注意，如果开始和结束的字符相同，会返回一个空串
let str = 'iotstudio666'
console.log(str.substring(0));//iotstudio666
console.log(str.substring(3));//studio666
console.log(str.substring(3, 8));//studi

方法2 =》substr

// 该方法和substring最大的区别是在于第二个参数是你截取字符串的长度而不是位置
// substr()方法返回的子串从start开始截取到end的长度
// 如果超过最末端，那就在最末端结束
// !!!这里的end是长度，不是位置 切记！！！
console.log(str.substr(0)); //iotstudio666
console.log(str.substr(0, 8));//iotstudi
// 当start为负数的时候，那就要反过来数，-1是最后一位，以及类推
console.log(str.substr(-5, 3));//io6

方法3 =》 slice

// 方法3 =》 slice
// slice()方法返回的子串包括start处的字符，但不包括end处的字符
console.log(str.slice(0));//iotstudio666
console.log(str.slice(0,6));//iotstu

完整测试代码如下

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>

  <script>
    // 方法1 =》 substring
    // substring方法返回的子串包括了start处的字符，但不包括stop处的字符
    // 注意，如果开始和结束的字符相同，会返回一个空串
    let str = 'iotstudio666'
    console.log(str.substring(0));//iotstudio666
    console.log(str.substring(3));//studio666
    console.log(str.substring(3, 8));//studi

    console.log('---------------------------------');

    // 方法2 =》substr
    // 该方法和substring最大的区别是在于第二个参数是你截取字符串的长度而不是位置
    // substr()方法返回的子串从start开始截取到end的长度
    // 如果超过最末端，那就在最末端结束
    // !!!这里的end是长度，不是位置 切记！！！
    console.log(str.substr(0)); //iotstudio666
    console.log(str.substr(0, 8));//iotstudi
    // 当start为负数的时候，那就要反过来数，-1是最后一位，以及类推
    console.log(str.substr(-5, 3));//io6

    console.log('---------------------------------');


    // 方法3 =》 slice
    // slice()方法返回的子串包括start处的字符，但不包括end处的字符
    console.log(str.slice(0));//iotstudio666
    console.log(str.slice(0,6));//iotstu

  </script>

</body>

</html>

JavaScript知识库最新文章

ES6的相关知识点

react 函数式组件 & react其他一些总结

Vue基础超详细

前端JS也可以连点成线（Vue中运用 AntVG6）

Vue事件处理的基本使用

Vue后台项目的记录（一）

前后端分离vue跨域，devServer配置proxy代理

TypeScript

初识vuex

vue项目安装包指令收集

加:2022-04-07 22:34:53 更:2022-04-07 22:37:41

360图书馆购物三丰科技阅读网日历万年历 2024年11日历

-2024/11/24 2:40:30-

图片自动播放器
↓图片自动播放器↓

TxT小说阅读器
↓语音阅读,小说下载,古典文学↓

一键清除垃圾
↓轻轻一点,清除系统垃圾↓

图片批量下载器
↓批量下载图片,美女图库↓

网站联系: qq:121756557 email:121756557@qq.com IT数码