首页 > 其他分享 >js-数组内置函数-filter、map、forEach、reduce

js-数组内置函数-filter、map、forEach、reduce

时间:2024-07-30 10:26:25浏览次数:17  
标签:map arr name reduce js 60 item score 数组

1、过滤数组 -filter

筛选数组元素,并生成新数组
//过滤出分数为60分以上的数据
<script>
    const arr = [
      {'name':'张三','score':80},
      {'name':'张六','score':50},
      {'name':'李四','score':90},
      {'name':'王五','score':60},
    ]

    const newArr = arr.filter(function(item,index){
      return item.score>=60
    }) 

    console.log(newArr)
</script>

2、迭代数组-map

返回新数组,新数组里面的元素是处理之后的值,经常用于处理数据
<script>
  //给数据的分数都加上10分
  const arr = [
    {'name':'张三','score':80},
    {'name':'张六','score':50},
    {'name':'李四','score':90},
    {'name':'王五','score':60},
  ]

  arr.map(function(item,index){
    item.score+=10
  }) 

  conso

标签:map,arr,name,reduce,js,60,item,score,数组
From: https://blog.csdn.net/cyc799/article/details/140790258

相关文章

  • 基于java+ssm+jsp旅游论坛设计与实现+vue录像(源码+lw+部署文档+讲解等)
    前言......
  • 基于java+ssm+jsp旅行社管理系统的设计与实现录像(源码+lw+部署文档+讲解等)
    前言......
  • js全局函数库的编写方案
    //导出一个包含多个函数的对象exportconstaaa={abc:function(){console.log('Thisisabcfunction');},def:function(){console.log('Thisisdeffunction');},//其他函数...};在main.js里面加载函数库//导入aaa对象import{aaa}......
  • 在指定的 json 边界内绘制 hexbin 截断
    我正在绘制一个单独的hexbin图和json边界文件。不过,hexbin网格与边界文件重叠。我只想展示非洲大陆。我的目标是在非洲大陆内切断或分割六边形网格因此,边界文件之外不应显示任何网格方块。有没有办法使用Plotly来实现这一点?预期的输出是截断或剪切非洲大陆之外的......
  • 为列表中的不同 JSON 模式模型定义约束
    我有一些JSON,其结构类似于下图所示。threshold列表表示类型可以是"type":"upper_limit"或"type":"range"的对象。请注意,"target"值应该是整数或浮点数,具体取决于对象的类型。{"name":"blah","......
  • 如何在包含嵌套列表列表的 json 上使用 json_normalize
    我正在用Python处理一个复杂的JSON字符串,并且在将数据放入Pandas数据帧时遇到问题。示例数据、当前输出和预期输出全部如下。我正在尝试使用json_normalize,但它没有完全标准化,留下了几列包含JSON列表。我的最终目标是将其插入到SQLDB中,但是json字符串由于其长度而......
  • Unity数据持久化——序列化/二进制/Json/PlayerPrefs
    序列化序列化是指把对象转换为字节序列的过程,而反序列化是指将字节序列恢复为对象的过程。序列化最主要的用途就是传递对象和保存对象。在Unity中保存和加载、prefab、Scene、Inspector窗口、实例化预制体等都使用了序列化和反序列化。下面是一个序列化和反序列化的例子......
  • STL用法总结(二)(deque,map,set)
    4.deque(双端队列)1.介绍首尾都可插入和删除的队列为双端队列#include<deque>//初始化定义deque<int>dq;2.方法函数代码含义q.push_back(x)/pusu_front(x)把x插入队尾/队首q.back()/front()返回队尾/队首元素q.pop_back()/pop_front()删除队尾/队首元素q.erase(ite......
  • Nuxt.js必读:轻松掌握运行时配置与 useRuntimeConfig
    title:Nuxt.js必读:轻松掌握运行时配置与useRuntimeConfigdate:2024/7/29updated:2024/7/29author:cmdragonexcerpt:本文详细介绍了Nuxt.js中的运行时配置功能,包括定义和使用运行时配置的方法,以及如何通过useRuntimeConfig访问配置。同时,讲解了环境变量与.env文件的使......
  • Nuxt.js必读:轻松掌握运行时配置与 useRuntimeConfig
    title:Nuxt.js必读:轻松掌握运行时配置与useRuntimeConfigdate:2024/7/29updated:2024/7/29author:cmdragonexcerpt:本文详细介绍了Nuxt.js中的运行时配置功能,包括定义和使用运行时配置的方法,以及如何通过useRuntimeConfig访问配置。同时,讲解了环境变量与.env文......