举报投诉联系我们 手机版 热门标签 鳄鱼CMS
您的位置:鳄鱼CMS > javascript中slice方法 JavaScript slice() 方法

javascript中slice方法 JavaScript slice() 方法

2023-03-23 06:31

javascript中slice方法 JavaScript slice() 方法

javascript中slice方法

javascript中的slice方法是一个非常有用的函数,它可以从一个数组或字符串中提取出一部分元素或字符,并返回一个新的数组或字符串。

// 从数组中提取元素
var arr = [1, 2, 3, 4, 5];
var newArr = arr.slice(1, 3); // [2, 3]
// 从字符串中提取字符
var str = 'hello world';
var newStr = str.slice(0, 5); // 'hello'

slice方法接受两个参数,start和end,它们都是表示位置的整数。start表示开始位置,end表示截止位置(不包含end位置处的元素)。如果省略end参数,则会将start之后的所有元素都提取出来。

 
// 省略end参数时,将start之后的所有元素都提取出来 
var arr = [1, 2, 3, 4, 5]; 
var newArr = arr.slice(2); // [3, 4, 5] 

除了上述用法外,如果start和end都是负值时,也会有不同的表达方式。此时start表达开始位于原始数据末尾多少位之前的意思;而end则表达截止位于原始数据末尾多少位之前的意思。

 
// start和end都是负值时 
var arr = [1, 2, 3, 4 ,5]; 
var newArr = arr.slice(-3,-1); // [3 ,4]   // 注意不包含-1处的元素5   

总而言之,javascript中的slice方法是一个非常实用、功能强大的函数。它能够帮助我们快速地从一个大型集合中抓取出想要的片断内容。

JavaScript slice() 方法

JavaScript slice() 方法

Array 对象参考手册 JavaScript Array 对象

实例

在数组中读取元素:

var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
var citrus = fruits.slice(1,3);

citrus 结果输出:

Orange,Lemon


定义和用法

slice() 方法可从已有的数组中返回选定的元素。

slice()方法可提取字符串的某个部分,并以新的字符串返回被提取的部分。

注意: slice() 方法不会改变原始数组。


浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

所有主要浏览器都支持slice()。


语法

array.slice(start, end)

参数 Values

参数 描述
start 必需。规定从何处开始选取。如果是负数,那么它规定从数组尾部开始算起的位置。也就是说,-1 指最后一个元素,-2 指倒数第二个元素,以此类推。
end 可选。规定从何处结束选取。该参数是数组片断结束处的数组下标。如果没有指定该参数,那么切分的数组包含从 start 到数组结束的所有元素。如果这个参数是负数,那么它规定的是从数组尾部开始算起的元素。

返回值

Type 描述
Array 返回一个新的数组,包含从 start 到 end (不包括该元素)的 arrayObject 中的元素。

技术细节

JavaScript 版本: 1.2


更多实例

实例

使用负值从数组中读取元素

var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
var myBest = fruits.slice(-3,-1);

myBest 结果输出:

Lemon,Apple

实例

截取字符串

var str="www..cn!";
document.write(str.slice(4)+"<br>"); // 从第 5 个字符开始截取到末尾
document.write(str.slice(4,10)); // 从第 5 个字符开始截取到第10个字符


Array 对象参考手册 JavaScript Array 对象

阅读全文
以上是鳄鱼CMS为你收集整理的javascript中slice方法 JavaScript slice() 方法全部内容。
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。
相关文章
© 2024 鳄鱼CMS eyucms.com 版权所有 联系我们