loadsh 数组方法 slice() 2020-08-05 前端,loadsh 暂无评论 1099 次阅读 ## slice() ```_.slice(array, [start = 0], [end = array.length])``` slice用于对数组元素进行截取，返回值为截取元素组成的一个新数组。slice方法很容易让人联想到Array.slice()，它是不是对Array.slice()的一层封装？答案是no，lodash自己实现了一个slice方法来替代Array.slice()方法。 ### example: ``` _.slice([1, 2, 3, 4, 5], 2, 4) // [3, 4] _.slice([1, 2, 3, 4, 5]) // [1, 2, 3, 4, 5] ``` #### loadsh slice()源码 ``` function slice(array, start, end) { // 如果array为null，length为0，否则取array.length let length = array == null ? 0 : array.length // 如果length为0，则返回空数组 if (!length) { return [] } // 判断第二个参数start有没有传值，没有传值则取0，传值则取传入的值 start = start == null ? 0 : start // 判断第三个参数end有没有传值，没有传值则取array的长度，传值则取传入的值 end = end === undefined ? length : end // 处理start小于0的情况 // 如果start小于0且-start的值大于array的长度，则start取0，否则start取数组长度加start的值 if (start < 0) { start = -start > length ? 0 : (length + start) } // 当end值大于数组长度时，end取数组的长度 end = end > length ? length : end // 处理end小于0的情况 // 当end小于0时，end取数组长度加end的值 if (end < 0) { end += length } // 如果start大于end，则length取0，否则取end-start值 // 其中(end-start) >>> 0作用是保证(end-start)是一个有意义的正整数，详细可参考这篇文章：https://segmentfault.com/a/1190000014613703 // 执行下面语句后，length值将变为返回数组的长度 length = start > end ? 0 : ((end - start) >>> 0) // 确保start为一个有意义的正整数 start >>>= 0 // 定义一个index，后面将作为数组result的索引值 let index = -1 // 定义返回数组result，其长度为length const result = new Array(length) // 遍历数组result，并将原数组array中index+start对应的元素添加到result数组中index对应的位置 while (++index < length) { result[index] = array[index + start] } // 返回结果result return result } ``` ####解析： 实现思路：根据start和end参数计算出返回数组的长度，利用返回数组长度生成一个新数组，然后遍历该新数组，并将原数组中index+start对应的值给到新数组index对应的位置。 标签: loadsh源码解析 本作品采用 知识共享署名-相同方式共享 4.0 国际许可协议 进行许可。
评论已关闭