JavaScript Array数组slice方法的使用
2023-09-11 14:21:46 时间
语法:
arr.slice([begin[, end]])
begin
可选
从该索引开始提取原数组元素,如果该参数为负数,则表示从原数组中的倒数第几个元素开始提取。
此参数缺省为0,如果 begin
超出原数组的索引范围,则会返回空数组。
end
可选
在该索引处结束提取原数组元素,slice
会提取原数组中索引从 begin
到 end
的所有元素(包含 begin
,但不包含 end
)。
如:slice(0,2)
会提取原数组中从第1个元素开始到第3元素之间的(不包含第3个元素)所有元素 (即索引为 0,1的元素)。
如果该参数为负数, 则它表示在原数组中的倒数第几个元素结束抽取。 slice(-2,-1)
表示抽取了原数组中的倒数第二个元素到最后一个元素(不包含最后一个元素,也就是只有倒数第二个元素)。
如果 end
被省略或者大于数组的长度,则 slice
会一直提取到原数组末尾。
返回值
一个含有被提取元素的新数组。
实例1:
var arr = [1,2,3,4,5]
var newArr = arr.slice();//与arr.slice(0)是一样的效果
console.log("原数组",arr);
console.log("返回值",newArr);
输出:
原数组 (5) [1, 2, 3, 4, 5]
返回值 (5) [1, 2, 3, 4, 5]
因为arr.slice() 是两个参数都缺省,等于begin是0,end缺省会取到数组结尾,所以会取到跟原数组一样的新数组。
实例2:
var arr = [1,2,3,4,5]
var newArr = arr.slice(1);
console.log("原数组",arr);
console.log("返回值",newArr);
输出:
原数组 (5) [1, 2, 3, 4, 5]
返回值 (4) [2, 3, 4, 5]
arr.slice(1)等于是从索引1开始取到数组结尾,总4个元素[2,3,4,5]。
实例3:
var arr = [1,2,3,4,5]
var newArr = arr.slice(1,3);
console.log("原数组",arr);
console.log("返回值",newArr);
输出:
原数组 (5) [1, 2, 3, 4, 5]
返回值 (2) [2, 3]
arr.slice(1,3) 取索引1-3直接的元素,包含1但不包含3,也就是索引1,2所对应的元素,故返回[2,3]
相关文章
- JavaScript图形实例:正多边形
- how many types in javascript
- js 从数据数组中返回选定的数据元素 JavaScript slice() 方法
- JavaScript - for 循环使用 splice() 方法删除数组中的元素会被跳过或只删除部分的两种解决方案
- JavaScript 中 new Date(time).getTime() 获取时间戳方法在 iOS 中的兼容性问题
- 【Selenium核心技术篇】execute_script方法执行JavaScript操作页面滚动条
- 《网页设计与前端开发 Dreamweaver+Flash+Photoshop+HTML+CSS+JavaScript 从入门到精通》——2.2 HTML文件的编写方法
- JavaScript Array 对象高阶方法 some、filter、indexOf
- JavaScript获取鼠标位置的三种方法
- Javascript理解this对象
- JS-安全检测JavaScript基本数据类型和内置对象的方法
- JavaScript 新语法详解:Class 的私有属性与私有方法
- JavaScript 的 4 种数组遍历方法: for VS forEach() VS for/in VS for/of
- 原生js源码之JavaScript的call方法,自己来实现
- JavaScript Array数组sort方法的使用
- JavaScript Array数组concat方法的使用
- JavaScript引用类型之Array数组之强大的splice()方法
- JavaScript引用类型之Array数组的拼接方法-concat()和截取方法-slice()
- JavaScript引用类型之Array数组的toString()和valueof()方法的区别
- JavaScript 数字前补“0”的五种方法