当前位置: 首页 > news >正文

ES6新增数组方法

数组方法

1、find()

find()查找数组中符合条件的元素,若有多个符合条件的元素,则返回第一个元素(如果数据有空位则处理为undefined)

let arr = Array.of(1, 2, 3, 4);
console.log(arr.find(item => item > 2)); // 3
// 数组空位处理为 undefined
console.log([, 1].find(n => true)); // undefined

2、findIndex()

查找数组中符合条件的元素索引,若有多个符合条件的的元素,则返回第一个元素索引(如果数据有空位则处理为undefined)

let arr = Array.of(1, 2, 1, 3);
// 参数1:回调函数
// 参数2(可选):指定回调函数中的 this 值
console.log(arr.findIndex(item => item = 1)); // 0 
// 数组空位处理为 undefined
console.log([, 1].findIndex(n => true)); //0

3、includes()

数组是否包含指定值
注意:与set和map的has方法区别;Set的has方法用于查找值;Map的has用于查找键名

// 参数1:包含的指定值
[1, 2, 3].includes(1);    // true
// 参数2:可选,搜索的起始索引,默认为0
[1, 2, 3].includes(1, 2); // false
// NaN 的包含判断

4、扩展运算符

let arr = [1, 2],
    arr1 = [...arr];
console.log(arr1); // [1, 2] 
// 数组含空位
let arr2 = [1, , 3],
    arr3 = [...arr2];
console.log(arr3); [1, undefined, 3]

相关文章:

  • 心情随笔
  • includes()方法和indexOf()方法数组去重
  • KVM之网桥创建(ubuntu 环境)
  • orcale创建临时表空间,表空间,创建用户
  • 事件监听
  • Google Guava14.0 瓜娃学习笔记
  • 前端实现图片懒加载(lazyload)的两种方式
  • axios封装,api接口封装统一管理
  • Bzoj1208 [HNOI2004]宠物收养所
  • 关于虚拟DOM和Diff算法的理解及应用场景
  • python selenium webdriver入门基本操作
  • 对ChemDraw Prime 16.0你了解多少
  • vue项目打包上线的流程
  • css-css权威指南学习笔记1
  • 前端常见面试题总结
  • [iOS]Core Data浅析一 -- 启用Core Data
  • 【162天】黑马程序员27天视频学习笔记【Day02-上】
  • Android Studio:GIT提交项目到远程仓库
  • Druid 在有赞的实践
  • eclipse(luna)创建web工程
  • ECS应用管理最佳实践
  • ESLint简单操作
  • Java方法详解
  • Terraform入门 - 1. 安装Terraform
  • Travix是如何部署应用程序到Kubernetes上的
  • windows下mongoDB的环境配置
  • 动态规划入门(以爬楼梯为例)
  • 解析带emoji和链接的聊天系统消息
  • 普通函数和构造函数的区别
  • 前端临床手札——文件上传
  • 深入浏览器事件循环的本质
  • 用 vue 组件自定义 v-model, 实现一个 Tab 组件。
  • 资深实践篇 | 基于Kubernetes 1.61的Kubernetes Scheduler 调度详解 ...
  • #DBA杂记1
  • ${factoryList }后面有空格不影响
  • (附源码)springboot宠物管理系统 毕业设计 121654
  • (附源码)ssm户外用品商城 毕业设计 112346
  • (力扣记录)1448. 统计二叉树中好节点的数目
  • (强烈推荐)移动端音视频从零到上手(上)
  • (三)模仿学习-Action数据的模仿
  • (算法)Game
  • (淘宝无限适配)手机端rem布局详解(转载非原创)
  • (轉)JSON.stringify 语法实例讲解
  • ./indexer: error while loading shared libraries: libmysqlclient.so.18: cannot open shared object fil
  • .net Stream篇(六)
  • .Net 高效开发之不可错过的实用工具
  • .NET 中 GetProcess 相关方法的性能
  • .NET面试题解析(11)-SQL语言基础及数据库基本原理
  • :not(:first-child)和:not(:last-child)的用法
  • ;号自动换行
  • [BZOJ2281][SDOI2011]黑白棋(K-Nim博弈)
  • [ccc3.0][数字钥匙] UWB配置和使用(二)
  • [CTF]2022美团CTF WEB WP
  • [C语言]编译和链接
  • [gdc19]《战神4》中的全局光照技术