ES6 数组的用法

1. forEach()   用来循环遍历的 for

  •  数组名.forEach(function (item,index,arr) {})
  • item:数组每一项 , index : 数组索引 , arr:原数组
  • 作用: 用来遍历数组
let arr = [1, 2, 3, 4];
console.log(arr);
let arr1 = arr.forEach((item, index, arr) => {console.log(item, index, arr);
})

2.map  映射数组的

  • 数组名.map(function (item,index,arr) {})
  • item:数组每一项 , index : 数组索引 , arr:原数组
  • 作用: 会返回一个跟你原数组一样大的数组,新数组的值,取决于你的return。
let arr = [1, 2, 3, 4];
console.log(arr);
let arr1 = arr.map((item, index, arr) => {return item * 10
})
console.log(arr1);

结果图: 

3.filter  过滤数组

  • 数组名.filter(function (item,index,arr) {})
  • item:数组每一项 , index : 数组索引 , arr:原数组
  • 作用:会返回一个经过过滤的数组,而过滤规则取决于你的return。

看下面结果,就是将你满足你return的元素,返回给一个新的数组中。

let arr = [1, 2, 3, 4];
console.log(arr);
let arr1 = arr.filter((item, index, arr) => {return item > 2;
})
console.log(arr1);

结果 

 4.every  判断数组是不是满足所有条件

  • 数组名.every(function (item,index,arr) {})
  • item:数组每一项 , index : 数组索引 , arr:原数组
  • 作用:判断你没数组元素是否都满足条件,返回值为布尔值

看下面知道,如果数组每个元素,都满足你制定的规则就返回true,只要有一个不满足返回false。

let arr = [1, 2, 3, 4];
console.log(arr);
let res = arr.every((item, index, arr) => {return item == 1;
})
console.log(res);

结果

 5.some() 数组中有没有满足条件的

  • 数组名.some(function (item,index,arr) {})
  • item:数组每一项 , index : 数组索引 , arr:原数组
  • 作用:判断你没数组元素是否至少有一个满足条件,返回值为布尔值

看下面,只要有一个满足,返回true,所有不满足返回false。

let arr = [1, 2, 3, 4];
console.log(arr);
let res = arr.some((item, index, arr) => {return item == 1;
})
console.log(res);

结果 

 6.find()用来获取数组中满足条件的第一个数据

  • 数组名.find(function (item,index,arr) {})
  • item:数组每一项 , index : 数组索引 , arr:原数组
  • 作用:用来获取数组中满足条件的数据,如果有 就是满足条件的第一个数据;如果没有就是undefined

看下面,就是将满足条件的第一个元素,返回出来。

let arr = [1, 2, 3, 4];
console.log(arr);
let res = arr.find((item, index, arr) => {return item >= 1;
})
console.log(res);

结果

 7.reduce()叠加后的效果

  • 数组名.reduce(function (item,index,arr) {})
  • prev:一开始就是初始值 当第一次有了结果以后;这个值就是第一次的结果,item:数组每一项 , index : 数组索引 , arr:原数组
  • 作用:用来叠加,返回值是叠加后的结果。

PS:不写prev值,默认是0。

let arr = [1, 2, 3, 4];
console.log(arr);
let res = arr.reduce((prev, item, index, arr) => {return prev += item;
}, 10);
console.log(res);

结果

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/54074.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

推荐几款主流的Css Reset

CSS Reset CSS Reset(CSS重置)是一种技术,用于消除不同浏览器之间默认样式的差异,以确保网页在各个浏览器中的显示一致性。由于不同浏览器对元素的默认样式有所不同,使用CSS Reset可以将这些默认样式归零或统一&#x…

阿里云安全组设置

简介​ 云主机安全组必须打开如下端口: ssh:22http:80https:443ftp:21、20000~30000 阿里云安全组端口开放教程​ 腾讯云安全组端口开放教程​ 华为云安全组端口开放教程​

第四次作业

1. 简述静态网页和动态网页的区别。 静态页面:请求响应信息,发给客户端进行处理,由浏览器进行解析,显示的页面。在网站设计中,纯粹HTML格式的网页(可以包含图片、视频JS (前端功能实现)、CSS (…

认识 MyBatis + MyBatis如何使用 (MyBatis操作数据库)

前言 本篇介绍了什么是MyBatis,MyBatis的前期配置,MyBatis操作数据库的两种方式:.xml文件 / 注释,使用MyBatis的一些注意,如有错误,请在评论区指正,让我们一起交流,共同进步&#x…

idea 2023 新版ui中git的相关操作

前两个月换了新电脑,下了最新版的idea发现可以切换一套新的ui了 切换新ui肯定不太习惯,很多操作都得重新摸索一下 在这里记录几个git相关的操作 忽略我下面截图中当前项目是js的后端项目…… 切换ui 首先说一下怎么切换新旧版ui,我这里就…

求解n阶勒让德多项式的值

描述 用递归方法求n阶勒让德多项式的值,递归公式为: 在主函数中输入一个整数n和一个实数x,调用函数 legendre(n,x),并输出其返回值。 输入 第一行输入一个整数n,表示阶数;第二行输入一个实数x。 输出 …

STL空间配置器入门

STL简介   STL(Standard Template Library,标准模板库),从根本上说,STL是一些“容器”的集合,这些“容器”有list,vector,set,map等,STL也是算法和其他一些组件的集合。 谈及组件&#xff0c…

Kubernetes 整体架构介绍

架构图 Kubernetes 主要由以下几个核心组件组成: etcd 保存了整个集群的状态;kube-apiserver 提供了资源操作的唯一入口,并提供认证、授权、访问控制、API 注册和发现等机制;kube-controller-manager 负责维护集群的状态&#xf…

k8s概念-pv和pvc

回到目录 kubernetes存储卷的分类太丰富了,每种类型都要写相应的接口与参数才行,这就让维护与管理难度加大。 persistenvolume(PV) 是配置好的一段存储(可以是任意类型的存储卷) 也就是说将网络存储共享出来,配置定义成PV。 PersistentVolumeClaim(PVC)是用户pod使…

C语言数组笔试题(详解)

目录 插入知识: 一.指向函数指针数组的指针 二.回调函数 什么是回调函数? 三.数组笔试题 个人名片: 🐼作者简介:一名乐于分享在学习道路上收获的大二在校生🐻‍❄个人主页:GOTXX &#x1f4…

react ant icon的简单使用

refer: 快速上手 - Ant Design 1.引入ant npm install antd --save 2.在页面引用: import { StarOutlined } from ant-design/icons; 如果想要引入多个icon,可以这样书写: import { UserOutlined, MailOutlined, PieChartOutlined } fr…

学习gRPC (三)

测试gRPC例子 编写proto文件实现服务端代码实现客户端代码 通过gRPC 已经编译并且安装好之后,就可以在源码目录下找到example 文件夹下来试用gRPC 提供的例子。 在这里我使用VS2022来打开仓库目录下example/cpp/helloworld目录 编写proto文件 下面是我改写的exa…