javascript数组中的reduce方法和pop方法

目录
  • 一、reduce方法
    • 1直接vs打开
    • 2代码部分
    • 3运行结果
  • 二、pop方
    • 1直接vs打开
    • 2代码部分
    • 3运行结果

前言：

在我们的日常开发中 不免会有很多需要处理数据的方法 本节主要说一说foreach和pop方法的使用​​不多说把代码编辑器打开​​

一、reduce方法

1直接vs打开

2代码部分

var geyao=[1,3,5]
    let sum = arr.reduce(function(prev, cur, index, arr) {
    console.log(prev, cur, index);
    return prev + cur;
})
console.log(sum);

3运行结果

小结：

要执行的函数，要执行的函数中也可传入参数，分别为：

  • prev：上次调用函数的返回值
  • cur：当前元素
  • index：当前元素索引
  • arr：被遍历的数组

函数迭代的初始值

二、pop方

1直接vs打开

2代码部分

//   push() 在数组末尾添加元素，接收一个或多个参数
  // unshift() 在数组首位添加元素，接收一个或多个参数
  // pop() 删除数组末尾元素
  // shift() 删除数组第一个元素
  const geyao = ['歌谣']
  geyao.push('优秀')
  geyao.push('强大')
  console.log(geyao, 'geyao')
  geyao.unshift('我是')
  console.log(geyao, 'geyao')
  geyao.pop()
  console.log(geyao, 'geyao')
  geyao.shift()
  console.log(geyao, 'geyao')

3运行结果

小结：

//   push() 在数组末尾添加元素，接收一个或多个参数
  // unshift() 在数组首位添加元素，接收一个或多个参数
  // pop() 删除数组末尾元素
  // shift() 删除数组第一个元素

到此这篇关于javascript数组中的reduce方法和pop方法的文章就介绍到这了,更多相关reduce和pop方法内容请搜索我们以前的文章或继续浏览下面的相关文章希望大家以后多多支持我们！

赞 (0)

相关推荐

  • js用类封装pop弹窗组件

    下面的弹出框组件使用的是类来封装的.一个弹窗组件通过new一个实例来生成. 下面直接上代码: html结构: <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> /*基本的样式*/ button{width: 1.6rem;height: 0.5rem;font-

  • JS数组push、unshift、pop、shift方法的实现与使用方法示例

    JS数组push、unshift、pop、shift方法的实现与使用方法示例

    本文实例讲述了JS数组push.unshift.pop.shift方法的实现与使用方法.分享给大家供大家参考,具体如下: 尾部添加(push) push() 方法将一个或多个元素添加到数组的末尾,并返回该数组的新长度. 从解释中可以看出,push方法只要将要添加的元素依次放到数组的最后即可,不会改变原有数组元素的索引.所以循环参数列表,将新元素依次放到数组的最后即可. Array.prototype._push = function(...value) { for (var i = 0; i <

  • 实例讲解JS中pop使用方法

    实例讲解JS中pop使用方法

    我们首先来看一下pop方法的基本语法 array.pop(); 接着我们来看pop方法使用的具体示例 代码如下 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <script type="text/javascript"> var scrip

  • JS中的reduce()方法使用小结

    目录 一.语法 二.实例 三.其他相关方法 过去有很长一段时间,我一直很难理解 reduce() 这个方法的具体用法,平时也很少用到它.事实上,如果你能真正了解它的话,其实在很多地方我们都可以用得上,那么今天我们就来简单聊聊JS中 reduce() 的用法. 一.语法 arr.reduce(function(prev,cur,index,arr){ ... }, init); 其中, arr 表示原数组: prev 表示上一次调用回调时的返回值,或者初始值 init; cur 表示当前正在处理的

  • JavaScript数组reduce()方法 

    将某个值减去数组中的每个元素: var items = [5, 10, 15]; var reducer = function minus(minusSum, item) {     return minusSum - item; } var total = items.reduce(reducer, 61); console.log(total); // 31 上例中初始值为number类型,所以返回的结果也是number类型的,如果我们想返回object类型的值,也可以传入object类型的

  • JavaScript reduce的基本用法详解

    JavaScript reduce的基本用法详解

    目录 reduce的基本定义 基本用法 计算数组里面所有值的和! 累加对象数组里的值! 将二维数组转换为一维数组! 计算数组中每个元素出现的次数 用Reduce按属性对object分类 使用扩展运算符和initialValue绑定包含在对象数组中的数组! 数组去重 数组去重2 总结 reduce的基本定义 个人理解: 根据数组reduce的定义来说: 1.从数组第一个元素开始遍历,逐渐遍历到最后一项 2.reduce 接受两个参数,一个回调函数,一个初始值,如果不给Reduce初始值他会默认从第

  • javascript数组中的reduce方法和pop方法

    javascript数组中的reduce方法和pop方法

    目录 一.reduce方法 1直接vs打开 2代码部分 3运行结果 二.pop方 1直接vs打开 2代码部分 3运行结果 前言: 在我们的日常开发中 不免会有很多需要处理数据的方法 本节主要说一说foreach和pop方法的使用​​不多说把代码编辑器打开​​ 一.reduce方法 1直接vs打开 2代码部分 var geyao=[1,3,5]     let sum = arr.reduce(function(prev, cur, index, arr) {     console.log(pr

  •  javascript数组中的slice方法和join​​方法

     javascript数组中的slice方法和join​​方法

    目录 一.slice​​方法 1编辑器部分 2代码部分 3运行结果 二.join​​方法 1编辑器 2代码部分 3运行结果 前言: 在我们的日常开发中 不免会有很多需要处理数据的方法 本节主要说一说slice​​和join​​方法不多说把代码编辑器打开​​ 一.slice​​方法 1编辑器部分 2代码部分 <html lang="en">   <head>     <meta charset="UTF-8" />     <

  • javascript数组中的concat方法和splice方法

    javascript数组中的concat方法和splice方法

    目录 一.concat方法 1直接vs打开 2代码块 3运行结果 二.splice方法 1代码部分 2运行结果 前言: 在我们的日常开发中 不免会有很多需要处理数据的方法 本节主要说一说concat和splice方法的使用​​不多说把代码编辑器打开​​ 一.concat方法 1直接vs打开 2代码块 //功能:合并数组,可以合并一个或多个数组,会返回合并数组之后的数据,不会改变原来的数组:   const geyao = ['歌谣']   const fuzhu=["很强"]    

  • javascript数组中的map方法和filter方法

    javascript数组中的map方法和filter方法

    目录 一.map方法 1编辑器 2代码部分 3运行结果 二.filter方法 1编辑器 2代码 3运行结果 一.map方法 1编辑器 编辑器搞出来 一起研究研究数组中的map方法: 2代码部分 var geyao=['歌谣',"很帅","很强"]     geyao.map((currentValue,index,arr,thisValue)=>{         console.log(currentValue,"currentValue"

  •  javascript学数组中的foreach方法和some方法

     javascript学数组中的foreach方法和some方法

    目录 一.foreach方法 1直接vs打开 2代码部分 二.some方法 1直接vs打开 2代码部分 3总结 在我们的日常开发中 不免会有很多需要处理数据的方法 本节主要说一说foreach和some的使用​​不多说把代码编辑器打开​​ 一.foreach方法 1直接vs打开 2代码部分 var geyao = ['歌谣', '很帅', '很强']   geyao.forEach((currentValue, index, arr, thisValue) => {     console.lo

  • Javascript数组的排序 sort()方法和reverse()方法

    其中: 1.JavaScript的sort()中如果没有指定比较函数,则默认会按照字符的编码顺序进行升序排序.也就是说如果我们想要对数值进行排序得到的不一定是我们想要的结果. 2.Javascript的reverse()将数组中的元素逆序. 先看看上面的第一点,如果有一个数组arr=[1,6,3,7,9],使用arr.sort()后,数组的顺序为1,3,6,7,9,得到了我们想要的结果. 再看看下面的一个数组排序:arr=[3,1,16,34,30],如果执行arr.sort()后是不是还是会得

  • 详解Java8新特性之interface中的static方法和default方法

    为什么要单独写个Java8新特性,一个原因是我目前所在的公司用的是jdk8,并且框架中用了大量的Java8的新特性,如上篇文章写到的stream方法进行过滤map集合.stream方法就是接口Collection中的default方法.所以准备专门写写关于java8新特性的文章,虽然现在10已经发布了.但还是要认真的去了解下新版本的变化. static方法 java8中为接口新增了一项功能:定义一个或者更多个静态方法.用法和普通的static方法一样. 代码示例 public interface

  • asp.net TemplateField模板中的Bind方法和Eval方法

    比如我们要取个日期型的数据,在数据库中列名是updated,数值是2008/06/01.但是想2008年06月01日这样显示,我们可以这样来写Bind("updated", "{0:yyyy年MM月dd日}"),Eval也是如此. 2者都能读取数据中的值,并显示.当我们使用编辑更新操作时,Bind能够自动的将修改的值更新到数据库中,并显示出修改后的值.但是用了Eval却只能得到错误画面,新的数据没有更新到数据库中. 从这点看来,Bind方法和Eval方法的区别就是:

  • Hibernate中Session.get()方法和load()方法的详细比较

    Hibernate中Session.get()方法和load()方法的详细比较

    一.get方法和load方法的简易理解 (1)get()方法直接返回实体类,如果查不到数据则返回null.load()会返回一个实体代理对象(当前这个对象可以自动转化为实体对象),但当代理对象被调用时,如果没有数据不存在,就会抛出个org.hibernate.ObjectNotFoundException异常 (2)load先到缓存(session缓存/二级缓存)中去查,如果没有则返回一个代理对象(不马上到DB中去找),等后面使用这个代理对象操作的时候,才到DB中查询,这就是我们常说的 load

  • JavaScript中的call方法和apply方法使用对比

    方法定义 call方法: 语法:call([thisObj[,arg1[, arg2[,   [,.argN]]]]]) 定义:调用一个对象的一个方法,以另一个对象替换当前对象. 说明: call 方法可以用来代替另一个对象调用一个方法.call 方法可将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象. 如果没有提供 thisObj 参数,那么 Global 对象被用作 thisObj. apply方法: 语法:apply([thisObj[,argArray]]) 定

随机推荐