`
holdbelief
  • 浏览: 707592 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

JavaScript数组slice方法

JavaScriptXHTMLHTML 
阅读更多

    数组对象的slice方法从数组中分离出一个子数组，功能类似于字符串对象的substring()方法。为了演示方便，我们创建一个值为[0,1,2,3,4,5,6,7,8,9,0]的数组。这样就形成了位置和值的对应，即，arr[0]的值恰好为0。

JavaScript代码 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script type="text/javascript">
    var arr = [0,1,2,3,4,5,6,7,8,9,10];
    var arr03 = arr.slice(0,3);
    var arr3 = arr.slice(3);
    var arr0 = arr.slice(0);
    alert(arr03.join());
    alert(arr3.join());
    alert(arr0.join());
    alert(arr.join());
</script>
</head>
<body>
</body>
</html>

    可以发现，slice(0,3)会返回[0,1,2]，也就是说，只返回位置0、1和2，而不包括3。由此我们可以知道，传递给slice的两个参数分别为，起始字符的位置，结束字符的位置+1。

    与字符串的substring方法类似，数组的slice方法也可以省略第二个参数，表示一直到数组结束。例如：arr.slice(3); arr.slice(0);

    arr.slice(3)表示从数组的第三个元素开始，一直到数组结尾的子数组。我们可以推测，arr.slice(0)将会返回数组本身。

 

     另外，与push、pop、shift、unshift方法不同的是，上述方法都是对元素组本身进行操作，而数组的slice方法并不对元素组进行任何操作，slice方法截取的子数组是作为slice方法的返回参数输出。由alert(arr.join());方法可知，arr数组并没有任何改变。

分享到：
| JavaScript数组shift与unshift方法
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    Javascript数组及其操作

    Javascript 数组及其操作 Javascript 数组是一种基本的数据结构，用于存储和操作多个值。数组是一种复杂的数据类型...Javascript 数组是基础的数据结构，提供了多种操作方法和属性，可以满足各种数据处理和计算需求。

    JavaScript 数组 增加 和 删除

    ### JavaScript 数组增加和删除方法详解 在JavaScript中，数组是一...这些方法不仅增强了JavaScript数组的功能，还提高了代码的可读性和维护性。在实际开发中，根据具体需求选择合适的方法可以使程序更加高效、简洁。

    JavaScript中数组slice和splice的对比小结

    相信对很多学习JavaScript语言的人来说，都会经常搞不清slice和splice这两个方法。它们虽然名称相似，但是功能却...所以这篇文章就给大家详细整理了关于JavaScript中数组slice和splice的对比，有需要的可以参考学习。

    JavaScript数组.pdf

    下面将对JavaScript数组的概念、特性、使用方法等知识点进行阐述。 1. 数组定义 JavaScript中的数组是一种特殊的数据类型，它可以存储有序的数据集合。数组中的每个数据项被称为元素，元素可以是任何类型的数据，...

    javascript中数组、对象

    JavaScript数组支持多种操作方法，如`push`（在末尾添加元素）、`pop`（移除并返回末尾元素）、`shift`（移除并返回首位元素）、`unshift`（在首位添加元素）、`slice`（截取子数组）、`splice`（插入、删除或替换...

    Javascript数组操作整理.rar

    本资料"Javascript数组操作整理"聚焦于JavaScript中的数组操作，旨在帮助开发者更好地理解和掌握相关知识。 1. 创建数组： JavaScript提供了多种创建数组的方式，如字面量语法`var arr = [元素1, 元素2, ...]`，或...

    Javascript数组Array方法解读

    首先，需要了解的是，JavaScript数组的所有方法都定义在Array.prototype上，这意味着所有数组的实例都可以使用这些方法。Array.prototype本身也是一个数组，它包含了数组的原型方法。 1. concat方法 concat方法用于...

    js Array.slice的8种不同用法示例

    JavaScript 数组slice方法符合这两个标准。 slice方法可以在不修改原始列表的情况下创建列表子集的浅拷贝。因此，它为编写函数式 JS 提供了一个关键的构建块。 在这篇文章中，我们将通过实例来掌握slice方法，探索它...

    javascript数组操作方法小结和3个属性详细介绍

    通过以上讲解，我们可以更熟练地使用JavaScript数组进行各种操作，理解和掌握这些基本方法和属性对于日常开发工作至关重要。在实际应用中，根据需求选择合适的方法，能有效提高代码的效率和可读性。

    javaScript数组操作笔迹

    下面将详细介绍标题与描述中提到的几个关键的JavaScript数组操作知识点。 ### join(delimiter) `join()` 方法用于将数组的所有元素连接成一个字符串，元素之间通过指定的分隔符 `delimiter` 进行分隔。例如，对于...

    JavaScript数组操作函数汇总

    JavaScript数组操作函数是编程中非常基础且重要的部分，它们提供了对数组进行各种操作的方法，包括添加、删除、合并以及转换等。以下是对标题和描述中提及的数组操作函数的详细说明： 1. **push()**: `push()` 函数...

    Javascript数组函数大全

    `slice` 方法返回一个新数组，其中包含了从开始到结束（但不包括结束）的数组的一部分浅拷贝，原始数组不会被改变。 ```javascript let a = [1, 2, 3, 4, 5]; let b = a.slice(2, 5); console.log(a); // 输出: [1, ...

    JavaScript常用数组操作方法.docx

    ### JavaScript 常用数组操作方法详解 #### 一、前言 在现代Web开发中，JavaScript 是一种不可或缺的语言，而数组则是JavaScript中最基础也是最常用的数据结构之一。数组允许我们存储一系列有序的数据项，这些数据...

    JavaScript数组对象Array案例.pdf

    JavaScript数组还提供了许多内置方法，如`push`（在数组末尾添加元素），`pop`（移除并返回数组最后一个元素），`shift`（移除并返回数组第一个元素），`unshift`（在数组开头添加元素），`slice`（返回数组的一部分...

    JavaScript数组方法大全(推举)_.docx

    JavaScript提供了丰富的数组方法，使得操作数组变得简单且高效。 **数组创建** 在JavaScript中，创建数组有两种主要方式。第一种是使用`Array`构造函数，例如： ```javascript var arr1 = new Array(); // 创建空...

    JavaScript获取多个数组的交集

    同时，理解这些基本操作也有助于我们更好地掌握JavaScript数组处理的技巧。在阅读类似《JavaScript高级程序设计》这样的书籍，或者在iteye这样的技术社区中，你可以找到更多关于数组操作和算法优化的知识，不断提升...

    JavaScript程序设计-JavaScript数组.pptx

    JavaScript还提供其他数组操作方法，如`unshift()`在数组开头添加元素，`slice()`截取数组的一部分，`splice()`添加/删除数组元素，`concat()`连接两个或更多的数组，以及`indexOf()`和`lastIndexOf()`查找数组中...

    JavaScript常用数组操作方法1

    以下是对标题和描述中提到的一些JavaScript数组操作方法的详细说明： 1. **concat()**： `concat()` 方法用于合并两个或多个数组，但不改变原始数组。它返回一个新数组，包含所有数组的元素。例如： ```...

    JavaScript数组对象JSON学习笔记

    通过以上内容的学习，我们可以了解到 JavaScript 数组提供了丰富的操作方法，包括数组的创建、访问元素、数组合并、排序等操作。此外，JSON 格式的引入使得数据的传输和解析变得更加简单高效，是现代 Web 开发中不可...

Magicbox
Global site tag (gtag.js) - Google Analytics