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

 更新时间:2022年03月15日 10:20:45   作者:前端歌谣  
这篇文章主要介绍了javascript数组中的reduce方法和pop方法,文章内容介绍详细,具有一定的参考价值需要的小伙伴可以参考一下,希望对你的学习有所帮助

前言:

在我们的日常开发中 不免会有很多需要处理数据的方法 本节主要说一说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方法内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • JavaScript的三种BOM对象

    JavaScript的三种BOM对象

    这篇文章主要为大家介绍了JavaScript BOM对象,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,希望能够给你带来帮助<BR>
    2021-12-12
  • javascript常用代码段搜集

    javascript常用代码段搜集

    这篇文章主要记录了本人搜集的几段javascript常用代码段,都是平时项目中需要用到的,需要的朋友可以参考下
    2014-12-12
  • 微信小程序控制台提示warning:Now you can provide attr

    微信小程序控制台提示warning:Now you can provide attr "wx:key" for a "w

    这篇文章主要介绍了微信小程序控制台提示warning:Now you can provide attr "wx:key" for a "wx:for" to improve performance解决方法,简单分析了wx:for警告提示相关解决方法,需要的朋友可以参考下
    2019-02-02
  • js实现单击图片放大图片的方法

    js实现单击图片放大图片的方法

    这篇文章主要介绍了js实现单击图片放大图片的方法,涉及javascript操作图片的技巧与onclick事件的用法,需要的朋友可以参考下
    2015-02-02
  • 简单实现节流函数和防抖函数过程解析

    简单实现节流函数和防抖函数过程解析

    这篇文章主要介绍了简单实现节流函数和防抖函数过程解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-10-10
  • JavaScript中诡异的delete操作符

    JavaScript中诡异的delete操作符

    这篇文章主要介绍了JavaScript中诡异的delete操作符,本文讲解了删除对象的属性、对数组的操作、对于变量的操作等内容,需要的朋友可以参考下
    2015-03-03
  • JavaScript实现H5接金币功能(实例代码)

    JavaScript实现H5接金币功能(实例代码)

    这篇文章主要介绍了JavaScript实现H5接金币功能,本文分步骤通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2021-02-02
  • 学习JavaScript事件流和事件处理程序

    学习JavaScript事件流和事件处理程序

    这篇文章主要为大家介绍了学习JavaScript事件流和事件处理程序的注意事项,感兴趣的小伙伴们可以参考一下
    2016-01-01
  • javascript兼容性(实例讲解)

    javascript兼容性(实例讲解)

    下面小编就为大家带来一篇javascript兼容性(实例讲解)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-08-08
  • 史上最全JavaScript数组去重的十种方法(推荐)

    史上最全JavaScript数组去重的十种方法(推荐)

    这篇文章主要介绍了JavaScript数组去重的十种方法,利用元素的属性和特性进行不同的去重方法,并实例演示如何测试去重超大数组,具体操作步骤大家可查看下文的详细讲解,感兴趣的小伙伴们可以参考一下。
    2017-08-08

最新评论