区分 splice/slice/split/substr/substring这些方法

最新推荐文章于 2024-06-10 22:18:41 发布

栗子*liz

最新推荐文章于 2024-06-10 22:18:41 发布

阅读量336

点赞数 9

分类专栏： js方法文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/m0_60688399/article/details/135019568

版权

js方法专栏收录该内容

1 篇文章 0 订阅

订阅专栏

经常弄混这些方法，所以就总结了一下。

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <div>

  </div>
  <script >
    // 1.splice--改变原始数组--只能用于数组
    var arr = ['2','3','6', '8', '7', '3'] 
    // 1)删除前三个数据--一个参数
    // console.log(arr.splice(3))//['8','7','3']
    // console.log(arr)//['2','3','6']
    // 2)删除后三个数据--一个参数
      // console.log(arr.splice(-2))//['7','3']
      // console.log(arr)//['2','3','6','8']
    // 3）两个参数时--i开始删除，删j个元素splice(i,j)
      // console.log(arr.splice(2, 3))//['6','8','7']
      // console.log(arr)//['2','3','3']
    // 4)三个参数及以上--删除后要添加的内容
      // arr.splice(2, 3, 'a', 'b')
      // console.log(arr)//['2','3','a','b','3']
    // 2.slice--不改变原始数组--可用于数组和字符串--切片
      // 1)作用于数组
      // arr.slice(1,-1)//[i,j)--前闭后开、
      // console.log(arr.slice(1, -1))//['3', '6', '8', '7']
      // // 2）作用于字符串
      // var str = 'abcdefg'
      // var sub = str.slice(3, -2)
      //   console.log(sub) //de
    // 3.split字符串转数组；字符串使用，按照参数将字符串截取为一个新的数组。
      // var str = 'ab-cd-ef-g'
      // var strArr= str.split('-')
      // console.log(strArr)//['ab', 'cd', 'ef', 'g']
    // 4.substr(i,j)--参数俩 --i起始位置，截取j个数
      // var str = 'ab-cd-ef-g'
      // var strArr= str.substr(2,4)
      // console.log(strArr)//-cd-
    // 5.substring(i,j)--参数俩 --i起始位置，j结束位置--[i,j)左闭右开
      var str = 'ab-cd-ef-g'
      var strArr = str.substring(2, 5)
      console.log(strArr)//-cd
  </script>
</body>
</html>