JavaScript Array 对象-》slice方法、reduce() 方法

最新推荐文章于 2025-04-24 17:20:26 发布
最新推荐文章于 2025-04-24 17:20:26 发布
阅读量406 收藏 3
点赞数 4
文章标签： javascript 前端 开发语言
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/m0_63758097/article/details/137058352
版权

1.slice方法（不改变原数组）

slice（）方法可从数组中返回选定的元素，

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

语法：array.slice(start,end)

start规定从何处开始选取，end规定从何处结束选取（二者都可选或不选）

2. reduce() 方法( reduce() 对于空数组是不会执行回调函数的。)

reduce() 方法接收一个函数作为累加器,返回累加值

语法：

array.reduce(function(total, currentValue, currentIndex, arr), initialValue)

以上代码如下

<body>
  <div id="demo">111</div>
</body>
<script>
  var numbers = [65, 44, 12, 4];

  function getSum(total, num) {
    return total + num;
  }

  function myFunction(item) {
    document.getElementById("demo").innerHTML = numbers.reduce(getSum);
  }
  myFunction()

  var number = [11, 22, 33, 44];
  function slices() {
    console.log(number.slice(0, 3))
    console.log(number.slice(1, 3))
    console.log(number.slice(1))
    console.log(number.slice(-3, -1))//22,33
  //  提取数[start,end)

  }
  slices()
</script>

m0_63758097
关注
JavaScript内置对象 - Array数组（二）- 方法
觉醒法师的专栏
10-01 1849
JavaScript的 Array 对象是用于构造数组的全局对象，数组是类似于列表的高阶对象；Array 对象中还提供了各种有关数组的属性和方法，列举了 Array 对象中提供的属性和方法。
JavaScript Array对象基本方法详解
10-16
JavaScript中的Array对象是编程中非常基础且重要的部分，它提供了丰富的内置方法来处理数组中的数据。下面我们将详细探讨数组对象的一些基本方法。 1. **创建数组** - 使用`new Array()`构造函数创建数组，例如： ...
js Array.slice的8种不同用法示例
01-19
前言 JS数组slice方法是JS语言中最强大、最常用的内建函数之一。 随着React和其他面向功能的JavaScript实践的兴起，它变得越来越重要，原因有两个: 函数式编程，尤其是高阶函数，与数据列表密切配合 函数式编程需要纯函数，即不会产生副作用或修改输入数据的函数 JavaScript 数组slice方法符合这两个标准。 slice方法可以在不修改原始列表的情况下创建列表子集的浅拷贝。因此，它为编写函数式 JS 提供了一个关键的构建块。 在这篇文章中，我们将通过实例来掌握slice方法，探索它的8种不同用法。 注意:slice 方法不要与splice方法混淆，splice方法会
JavaScript Array数组slice方法的使用
编程界明世隐的博客
12-03 8379
语法： arr.slice([begin[, end]]) begin可选 从该索引开始提取原数组元素，如果该参数为负数，则表示从原数组中的倒数第几个元素开始提取。 此参数缺省为0，如果begin超出原数组的索引范围，则会返回空数组。 end可选 在该索引处结束提取原数组元素，slice会提取原数组中索引从begin到end的所有元素（包含begin，但不包含end）。 如：slice(0,2)会提取原数组中从第1个元素开始到第3元素之间的（不包含第3个元素）所有元素...
JS Array 方法 | 区分 slice 和 splice
最新发布
weixin_42479421的博客
04-24 551
slice(起, 终)，切片 ，复制返回新数组不改原数组splice起, 删几个, 插入哪几个)增删改改原数组，返回被改后的原数组。
javaScript中Array(数组)的slice()函数
一只苟延残喘的卑微蝼蚁
03-08 894
javaScript中slice()函数
【JavaScript】Array数组中slice()方法的使用
qiqizgl777的博客
03-06 2673
Array数组slice()方法：从原数组中连续提取多个数，构成新数组。slice 会提取原数组中索引从 begin 到 end 的所有元素（包含 begin，但不包含 end）。如果begin参数缺省则为0，如果 begin 超出原数组的索引范围，则会返回空数组。从已有的数组中选取部分元素来构成新的数组。原数组中的倒数第几个元素开始提取。原数组begin下标开始提取元素。新数组中不包含下标为end的数值。原数组中的倒数第几个元素结束抽取。原数组end下标提取结束。
join、split、slice、splice、substring、substr、unshift方法的使用
zzzz121380的博客
11-22 979
join、split、slice、splice、substring、substr、unshift方法的使用 （1）join() 方法将数组作为字符串返回。 ​ 元素将由指定的分隔符分隔。默认分隔符是逗号 (,)。 ​ 注释： join() 方法不会改变原始数组。 语法 array.join(separator) 参数值 参数 描述 separator 可选。要使用的分隔符。如果省略，元素用逗号分隔。 技术细节 返回值： 字符串值，表示数组值，由指定
js_array-method-reduce
03-16
在JavaScript的世界里，`Array.prototype.reduce()`方法是一个非常强大的工具，它允许我们对数组中的所有元素执行累积操作，最终返回一个单一的值。这个方法在处理数据聚合、计算总和、过滤、转换等方面非常有用。在...
掌握JavaScript数组减少方法array-reduce
在JavaScript中，这通常可以通过多种方法实现，例如使用 `filter`、`splice`、`slice` 或者 ES6 引入的 `Array#reduce` 方法。本次讨论将重点放在使用 `Array#reduce` 方法上。 在JavaScript中，`Array#reduce` ...
javascript-array-reverse-tutorial:JS中反转数组的各种实现以及解释
04-04
首先，JavaScript数组对象提供了一个内置方法`reverse()`，这是最常用的反转数组的方法。`reverse()`会直接修改原数组，将数组中的元素顺序颠倒。例如： ```javascript let arr = [1, 2, 3, 4, 5]; arr.reverse(); ...
JavaScript-JS数组方法之Array.slice()
hnyanzijun1的博客
06-29 698
Array.slice()方法返回指定数组的一个片段或子数组。它的两个参数分别指定了片段的开始和结束的位置。返回的数组包含第一个参数指定的位置和所有到但不含第二个参数指定的位置之间的所有数组元素。如果只指定一个参数，返回的数组将包含从开始位置到数组结尾的所有元素。例如，参数-1指定了最后一个元素，而-3指定了倒数第三个元素。注意，slice()不会修改调用的数组。下面有一些示例： var a = [1,2,3,4,5]; a.slice(0,3); // 返回[1,2,3] a.slice(3); // 返
js中关于array的slice和sort方法（转自JavaEye）
huxin1的专栏
03-10 1704
一、array.slice(start, end) 方法：     slice()是用来截取数组中的一部分，用它来复制数组，如果省略了end参数，则切分的数组包含从start开始到数组结束的所有元素。现在要用它来复制数组，就一行：Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.Co
JavaScript slice()方法详解
热门推荐
NHB234567的博客
03-17 4万+
slice()是 JavaScript 中用于提取数组片段的强大方法。通过指定起始索引和结束索引，你可以创建新的子数组，用于各种操作和场景。它不仅能够帮助你轻松地处理数组的子集，还能保持原始数组的不变。掌握了slice()方法，你将更加自信地操作和处理数组数据。这些资料，对于【软件测试】的朋友来说应该是最全面最完整的备战仓库，这个仓库也陪伴上万个测试工程师们走过最艰难的路程，希望也能帮助到你！
JavaScript中 Array.slice 8种不同的用法
weixin_46042787的博客
02-11 676
slice 工作原理 slice是数组上的一个方法，它最多有两个参数： arr.slice([begin[,end]]) begin 从该索引处开始提取原数组中的元素，如果该参数为负数，则表示从原数组中的倒数第几个元素开始提取，slice(-2) 表示提取原数组中的倒数第二个元素到最后一个元素（包含最后一个元素）。 如果省略 begin ,则 slice 从索引0开始。 end 在该索引处结束...
JS的array.slice()和array.splice()的使用
YinghaoGuo的博客
07-20 5889
JS中有两个操作数组的函数：slice(start,end)和splice(start,length,insert_one,insert_two......)，估计其意义大家都懂，简单说一下： array.slice(start,end)函数是取array数组中指定的一些元素：根据数组下标start和end，两个参数为取值的开始和结束下标，取出的值不包括end位置的值，生成一个新数组作为
【JS】460- 8 种 Array.slice 不同用法
pingan8787
01-03 517
JS数组slice方法是JS语言中最强大、最常用的内建函数之一。随着React和其他面向功能的JavaScript实践的兴起，它变得越来越重要，原因有两个:函数式编程，尤其是高阶函数，与...
深入解析 JavaScript 中的 slice() 和 splice() 方法
一萧烟雨任平生
11-29 1767
是 JavaScript 中两个常用的数组方法，但它们的功能和用法截然不同。本文将详细分析它们的区别、用法、应用场景，并提供丰富的示例。，可以有效地操作数组数据，提升代码的灵活性和可维护性。，并返回一个新的数组，以下示例展示如何使用。
关于js的Array.prototype.slice.call
qq_34758991的博客
03-28 294
关于js的Array.prototype.slice.call
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值