Jsの练习-数组常用方法 -slice()

最新推荐文章于 2022-06-10 16:44:29 发布
最新推荐文章于 2022-06-10 16:44:29 发布
阅读量175 收藏
点赞数
分类专栏： 前端
原文链接：https://www.mk2048.com/blog/blog.php?id=hiac0ci20kib&title=Js%E3%81%AE%E7%BB%83%E4%B9%A0-%E6%95%B0%E7%BB%84%E5%B8%B8%E7%94%A8%E6%96%B9%E6%B3%95+-slice%28%29
版权

slice()

返回从原数组指定开始下标到结束下标之间的项组成的新数组。

slice()方法可以接收一个或两个参数，即要返回项的起始和结束位置。

在只有一个参数的情况下，slice()方法返回从该参数指定位置开始到当前数组末尾的所有项。

如果有两个参数，该方法返回起始和结束位置之间的项，但不包括结束位置的项。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <script>
        var arr = [1,3,5,7,9,11]

        var arr1 = arr.slice(1);   
        //第2个参数表示结束的索引号，但是不包括
        var arr2 = arr.slice(1,4);
        //当参数为负数时，就是 数组长度 ，得到的正数。 如下 解读完就是  slice(1,4)
        var arr3 = arr.slice(1,-2);
        //当参数为负数时，就是 数组长度 ，得到的正数。 如下 解读完就是  slice(2,5)
        var arr4 = arr.slice(-4,-1);

        console.log('arr.slice(1):' arr1);
        console.log('arr.slice(1,4):' arr2);
        console.log('arr.slice(1,-2):' arr3);
        console.log('arr.slice(-4,-1):' arr4);
    </script>
</body>
</html>

 


更多专业前端知识，请上 【猿2048】www.mk2048.com
苘迷
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JS数组方法练习
Blounf的博客
11-29 530
这里写自定义目录标题JS数组遍历方法练习 JS数组遍历方法练习 var students = [{ number: 1001, name: 'jack', score: 98, gender: '男' }, { number: 1002, name: 'rose',
js 数组小习题
qq_61538679的博客
05-06 254
console.log(this.indexOf([ 1, 2, 3, 4 ], 3)) //2 }, methods:{ indexOf(arr, item) { if (Array.prototype.indexOf){ return arr.indexOf(item); } else { for (var i = 0; i < arr.length; i++){ if (arr[i] === item){ return i; } } } return -1; } }, 计算给定数组 arr 中
练习 JavaScript 数组方法
Hza_1031的博客
03-18 613
1. 定义一个含有30个整型元素的数组，按顺序分别赋予从2开始的偶数；然后按顺序每五个数求出一个平均值，放在另一个数组中并输出。 // 方式一： var arr = []; var newArr = []; arr.length = 30; var sum = 0; for(var i=1;i<=arr.length;i++){ // 因为 ...
JS数组方法总结练习（持续更新）
Beatingworldline的博客
06-08 1465
创建： let a = new Array let b = new Array(20) let c = new Array(1,2,3) let d = [] let f = [1,2,3] join() push()和pop() shift() 和 unshift() sort() reverse() concat() slice() splice() indexOf()和 lastIndexOf() （ES5新增） forEach() （ES5新增） map() （ES5新增） filter() （
js数组基础练习
weixin_30458043的博客
02-28 96
任务描述 如图，模拟一个队列，队列的每个元素是一个数字，初始队列为空 有一个input输入框，以及4个操作按钮 点击"左侧入"，将input中输入的数字从左侧插入队列中； 点击"右侧入"，将input中输入的数字从右侧插入队列中； 点击"左侧出"，读取并删除队列左侧第一个元素，并弹窗显示元素中数值； 点击"右侧出"，读取并删除队列又侧第一个元素，并弹窗显示元素中数值； 点...
js代码-数组方法练习001
07-16
本练习主要关注JavaScript中的数组方法，通过`main.js`文件中的实践代码来深入理解这些方法的使用。`README.txt`文件可能是对练习的简要说明或指导。下面我们将详细探讨JavaScript中的数组方法及其应用。 1. `push...
js代码-练习 JavaScript 数组对象相关方法
07-16
首先，`main.js` 文件很可能包含了一些实际的JavaScript代码示例，用于演示和练习数组对象的方法。常见的数组方法包括： 1. `push()`：向数组末尾添加一个或多个元素，并返回新的数组长度。例如： ```javascript ...
js代码-手写代码练习-----类数组转数组
07-16
在JavaScript中，"类数组对象"是指具有length属性和索引元素，但不具备数组方法（如push、pop、slice等）的对象。这类对象通常包括函数的arguments对象、NodeList对象等。本篇将深入探讨如何将类数组对象转换为真正...
JS数组小练习
gabby____的博客
08-16 527
 任务 修改函数 multiplyAll，以获得 arr 内部数组的每个数字相乘的结果 product。   function multiplyAll(arr) { var product = 1; // for(Only change code below this line for(var i=0;i&lt;arr.length;i++){     for(var j=0;j&lt;a...
javascript数组方法练习
choly192的博客
10-01 748
查找元素的位置：已知一个数组当中有一个item 元素，请找出元素在数组当中的位置并输出位置；如果没有则返回-1； function indexOf(arr,item){ for(let i=0;i<arr.length;i++){ if(arr[i]==item){ return i; } } return -1 } ...
JS 中 Array.slice() 和 Array.splice()方法
weixin_30528371的博客
05-11 109
slice slice()就是对应String的substring()版本，它截取Array的部分元素，然后返回一个新的Array： 1 var arr = ['A', 'B', 'C', 'D', 'E', 'F', 'G']; 2 arr.slice(0, 3); // 从索引0开始，到索引3结束，但不包括索引3: ['A', 'B', 'C'] 3 arr.slice(...
字符串：slice()、substr()、substring()的异同点
weixin_43221240的博客
12-24 253
一、slice() 两个参数分别代表着截取的开头和结尾，而 substr() 的第二个参数则代表着截取的位数（即长度），substring() 先对两个参数进行大小对比，再确定截取区域 二、三个方法如果截取到末尾，便会停止截取，无论参数约定的结束位置、或约定的长度有多大。 三、当参数为负数的情况：slice() 会把负数与字符串的长度相加，得到的正数再执行代码。substr() 第一个参数也是把负...
GO语言-Slice切片
qq522044637的博客
06-10 593
Go语言-切片slice、slice内存分析
JavaScript(26):数组的slice和splice方法
叫我铁头娃_的博客
03-11 247
&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&gt; &lt;script type="text/javascript"&gt; var arr = ["孙悟空&qu
splice、slice
galaxyfanqi的博客
01-13 703
js数组的操作
slice()和splice()
YiChan414的博客
04-05 908
这两个方法都是js中截取数组的方法，那么它们两个有什么区别呢？ slice() slice方法，可以传入两个参数，第一个参数表示起始位置，第二个参数表示终止位置，即slice(start,end)，但是注意，这里是左闭右开，也就是说截取到的数组元素下标包括start，不包括end，这个方法不会改变原数组 let arr = [0,1,2,3,4] let newArr = arr.slice(0,2) console.log("截取下来的是：" + newArr) c
JS数组中的 slice() 方法
热门推荐
weixin_45046594的博客
07-15 1万+
JS数组中的 slice() 方法 一、语法以及描述 说明：通过start 和 end对原数组进行浅拷贝（提取 start 至 end 索引的数组元素） 语法：Array.slice([start[, end]) 参数： start : 开始索引 end : 结束索引 返回值：返回一个新的数组 是否改变原数组：否 二、参数 1. 无参数 说明：从起始处索引（0）开始提取数组元素，直至结束 返回值：从起始处索引到结束索引的所有数组元素 原数组：不发生任何变化 示例 var arr = ['A', 'B',
slice()、substr()、substring()方法详解与区分
Callme_FanXu的博客
08-24 653
slice()、substr()、substring()方法 相似点： 功能：都是截取字符串，并且都返回一个新的字符串 参数：都支持接受两个参数，第一个参数都是代表截取的开始位置。第二个参数除了 substr() ，其他两个 slice() 和 substring() 都是代表截取的结束位置 都只接收一个参数的情况下，都是从起始位置一致截取到末尾 不同点: slice() let str = '12345'; let sli1 = str.slice(-3, 4); // '34' let sli1
JS-总结数组所有方法
最新发布
03-26
JavaScript数组有很多内置方法，可以操作和处理数据。以下是JavaScript数组的所有方法列表： 1. `concat()` - 连接两个或多个数组。 2. `copyWithin()` - 在数组内部将一段元素拷贝到另一个位置。 3. `entries()` -...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值