当前位置: 首页 > news >正文

Array.prototype.slice() 方法

MDN 链接: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/slice

W3C 链接: http://www.w3school.com.cn/jsref/jsref_slice_array.asp

定义和用法

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

语法

arrayObject.slice(start,end)

参数

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

返回值

返回一个新的数组,不改变原来的数组,包含从 start 到 end (不包括该元素)的 arrayObject 中的元素。

说明

请注意,该方法并不会修改数组,而是返回一个子数组。如果想删除数组中的一段元素,应该使用方法 Array.splice()。

代码:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Array.prototype.slice()</title>
</head>
<body>
<script>
    // slice:切片
    var array = [0, 1, 2, 3, 4, 5, 6, 7, 8];

    // 输出原始数组
    console.log(array);

    // 从下标1开始选取
    console.log(array.slice(1));

    // 从最后一个开始选取
    console.log(array.slice(-1));

    // 从下标2选取,下标3结束;    输出的数组不包含后一位
    console.log(array.slice(2, 3));

    // 从倒数第5位开始,在倒数第1位结束,不包括倒数第一位
    console.log(array.slice(-5, -1));

    // 再次输出原始数组
    console.log(array);
</script>
</body>
</html>

运行结果:

相关文章:

  • String.prototype.slice() 方法
  • span标签挨着写时的出现的迷之间距问题
  • 《Web性能权威指南》笔记:TCP的优化建议
  • MongoDB学习笔记(一) 安装与文件简介
  • MongoDB学习笔记(二) 搭建简单的MongoDB服务器
  • MongoDB学习笔记(三) MongoDB的基本操作
  • 保留一位小数
  • uniapp向另外一个页面传值
  • 小程序实现image标签的图片铺满整个屏幕,高度自适应
  • 百度小程序实现页面返回上一级局部刷新
  • 小程序实现多个按钮点击跳转动态更换样式
  • 小程序实现数据的定时刷新,退出之后数据也不会变成初始值
  • vue模糊的知识点《一》
  • vue模糊知识点《二》
  • 脚手架安装保姆级过程
  • 【剑指offer】让抽象问题具体化
  • 【跃迁之路】【735天】程序员高效学习方法论探索系列(实验阶段492-2019.2.25)...
  • Fastjson的基本使用方法大全
  • Laravel 中的一个后期静态绑定
  • mockjs让前端开发独立于后端
  • yii2中session跨域名的问题
  • 道格拉斯-普克 抽稀算法 附javascript实现
  • 动手做个聊天室,前端工程师百无聊赖的人生
  • 基于django的视频点播网站开发-step3-注册登录功能 ...
  • ​【原创】基于SSM的酒店预约管理系统(酒店管理系统毕业设计)
  • ​configparser --- 配置文件解析器​
  • ​linux启动进程的方式
  • ​一文看懂数据清洗:缺失值、异常值和重复值的处理
  • # centos7下FFmpeg环境部署记录
  • # Java NIO(一)FileChannel
  • (007)XHTML文档之标题——h1~h6
  • (aiohttp-asyncio-FFmpeg-Docker-SRS)实现异步摄像头转码服务器
  • (zt)基于Facebook和Flash平台的应用架构解析
  • (第二周)效能测试
  • (读书笔记)Javascript高级程序设计---ECMAScript基础
  • (区间dp) (经典例题) 石子合并
  • (原創) 是否该学PetShop将Model和BLL分开? (.NET) (N-Tier) (PetShop) (OO)
  • (转)EXC_BREAKPOINT僵尸错误
  • (转)母版页和相对路径
  • (转)一些感悟
  • *上位机的定义
  • .chm格式文件如何阅读
  • .Net 高效开发之不可错过的实用工具
  • .net 设置默认首页
  • .NET/ASP.NETMVC 大型站点架构设计—迁移Model元数据设置项(自定义元数据提供程序)...
  • .NET/C# 获取一个正在运行的进程的命令行参数
  • .NET/C# 使用反射注册事件
  • .Net+SQL Server企业应用性能优化笔记4——精确查找瓶颈
  • /etc/fstab 只读无法修改的解决办法
  • :=
  • @Not - Empty-Null-Blank
  • @TableLogic注解说明,以及对增删改查的影响
  • [Android Pro] listView和GridView的item设置的高度和宽度不起作用
  • [C#]C#学习笔记-CIL和动态程序集
  • [C/C++] C/C++中数字与字符串之间的转换