JavaScript 入门教程

JavaScript是一门Web编程语言，用来实现网页的交互功能，它和HTML、CSS共同组成了个Web开发的基础工具集合，也是前端开发者必备的技能；学习JavaScript教程可以了解它在网页开发中的所有特性和相关概念，让我们能够更加快速的去开发Web应用。

W3CAPI

2020-06-18 07:05:48

文档目录

我的书签

请登录

slice

JavaScript slice() 方法：数组对象

详细说明

slice() 方法用于提取数组的片段。该方法返回一个新数组且不修改原数组，原数组中被选中的元素会被复制到新数组中。

版本实现

实现于JavaScript 1.2

语法说明

slice(begin, end)

执行一下

代码说明

begin: 指定开始提取的位置。

end：指定提取操作的终止点。

起始位置是必需的，结束位置是可选的。若省略结束位置，slice 将截取到序列末尾。当结束位置为负值索引时，表示相对于序列末尾的偏移位置。

示例 -1

在以下网页文档中，slice()方法从fruitslist中提取第二个和第三个元素，并创建一个新数组。

HTML代码

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf8" />
<title>JavaScript slice() method example</title>
<style type="text/css">
h1 {color:red}
</style>
</head>
<body>
<h1>JavaScript : slice() method</h1>
<script src="array-slice-example1.js"></script>
</body>
</html>

执行一下

JS代码

var fruitslist = new Array("Orange","Apple","Banana","Chery" );
var newParagraph = document.createElement("p"); 
var newText = document.createTextNode("List of Fruits : " + fruitslist); 
newParagraph.appendChild(newText); 
document.body.appendChild(newParagraph); 

var newfruitslist =fruitslist.slice(1,3);
var newParagraph = document.createElement("p"); 
var newText = document.createTextNode("Extract Fruits List : " + newfruitslist); 
newParagraph.appendChild(newText); 
document.body.appendChild(newParagraph);

执行一下

在浏览器中查看示例

示例 -2

在下列网页文档中，slice()方法从fruitslist数组中提取最后两个元素并创建新数组。

HTML代码

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf8" />
<title>JavaScript slice() method from last two - example
</title>
<style type="text/css">
h1 {color:red}
</style>
</head>
<body>
<h1>JavaScript : slice() method</h1>
<script src="array-slice-example2.js"></script>
</body>
</html>

执行一下

JS代码

var fruitslist = new Array("Orange","Apple","Banana","Chery");
var newParagraph = document.createElement("p"); 
var newText = document.createTextNode("List of  Fruits : "+fruitslist);
newParagraph.appendChild(newText); 
document.body.appendChild(newParagraph); 
var newfruitslist = fruitslist.slice(0,-2);
var newParagraph1 = document.createElement("p"); 
var newText1 = document.createTextNode("Extract Fruits List : " + newfruitslist); newParagraph1.appendChild(newText1); 
document.body.appendChild(newParagraph1);

执行一下

在浏览器中查看示例

另请参阅：

JavaScript 核心对象、方法及属性。

上一篇：JavaScript shift() 方法：数组对象
下一篇：JavaScript splice() 方法：数组对象

作者文档