JavaScrip手写函数之slice函数（彻底弄懂包头不包尾）

名字还没想好☜

已于 2022-07-30 15:06:35 修改

阅读量1k

点赞数

CC 4.0 BY-SA版权

分类专栏： Javascript之手写函数文章标签： javascript 前端开发语言 react.js 原型模式

于 2022-07-26 13:06:55 首次发布

本文链接：https://blog.youkuaiyun.com/weixin_42662753/article/details/125992443

Javascript之手写函数专栏收录该内容

4 篇文章

订阅专栏

本文详细讲解了Python和JavaScript中的slice函数用法，包括参数解释、正负数截取技巧和实例演示。重点介绍了如何处理负数索引并遵循包头不包尾的原则。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、slice函数介绍

slice函数用于数组和字符串的截取
参数：start、end
start参数是截取开始位置，end是截取的结束位置。两个参数均为可选参数。
- 当两个参数均不传是，截取全部
- 当只传一个start时，从start开始到末尾
参数也可为负数，网上很多都说从后面往前数，最正确的方法是负数+长度，使其变为正数。

二、手写slice

数组slice

 Array.prototype.myslice =  function(start,end){
 	//判断参数是否为负数
    if(start&&end){			
        start = start<0?start = this.length+start:start
        end = end<0?end = this.length+end:end
    }
    if(!start) start = 0    	
    if(!end) end = this.length     ////判断参数是否有传
    let res=[];
   
    for(let i=start;i<end;i++){
        res.push(this[i])
    }

    return res
}


const arr = [1,2,3,4,5,6,7,8,9]

console.log(arr.myslice(4,7))
console.log(arr.myslice(-4,-2))
console.log(arr.myslice(2))

字符串slice

与数组的slice基本一致

String.prototype.myslice =  function(start,end){
    if(start&&end){
        start = start<0?start = this.length+start:start
        end = end<0?end = this.length+end:end
    }
    if(!start) start = 0
    if(!end) end = this.length
    let res =''
   
    for(let i=start;i<end;i++){
        res +=this[i]
    }

    return res
}

const str = 'hello javascript'

console.log(str.myslice(4,9))
console.log(str.myslice(-6,-3))
console.log(str.myslice(3))

三、总结

slice使用规则
1、当两个参数都为正数时：包头不包尾
2、当两个参数都为负数时：两个参数加上length变为正数，再包头不包尾。(还有一种方法是包尾不包头)
3、当两个参数一正一负时，最好加上length变为正数时最容易判断。

试练

const str = 'hello javascript'

console.log(str.myslice(-4,9))
console.log(str.myslice(-6,-3))
console.log(str.myslice(-2))