es6数组判断存在arr.findIndex

2024-09-01

利用ES6中的Array.find/ Array.findIndex来判断数组中已存在某个对象

前端开发过程中,我们会经常遇到这样的情景:比如选中某个指标obj,将其加入到数组checkedArr中({id: 1234, name: 'zzz', ...}),但是在将其选中之前要校验该指标是否已经被选择. 以前的思路是:循环数组checkedArr,如果checkedArr[i].id===obj.id,则说明该指标已经在数组中了. 在ES6中,数组得到扩展,新增了find和findIndex两个方法,可以用到这个情境中: find() 方法返回数组中满足提供的测试函数的第一个元素的值.

es6 --数组--Array.from() 、Array.isArray()、Array.of()、find()、findIndex()、fill()、entries() 、keys() ，values()

将两类对象转为真正的数组 Array.from()方法用于将两类对象转为真正的数组:类似数组的对象(array-like object)和可遍历(iterable)的对象(包括ES6新增的数据结构Set和Map). 一个转换类数组对象到数组的一个示例: let list = document.querySelectorAll('ul.fancy li'); Array.from(list).forEach(function (li) { document.write(li); }); 上面代码中

原生JS数组操作的6个函数 arr.forEach arr.map arr.filter arr.some arr.every arr.findIndex

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> </body> <script type="text/javascript"> var arr = [1,2,4,5,3] var arrObj = [{'id':1,'name':

ES6 — 数组Array

ES6对数组引入了几个新函数: (1) Array.of() 作用是将一组数值,转换为数组. Array.of(1,2,3,4); //[1,2,3,4] (2) Array.from() 作用是把类数组的对象或者可遍历的对象变为真正数组,并返回此数组. let ele=document.getElementsByTagName('a'); ele instanceof Array; //false ele instanceof Object; //true 我们使用Array.from

ES6数组扩展

前面的话数组是一种基础的JS对象,随着时间推进,JS中的其他部分一直在演进,而直到ES5标准才为数组对象引入一些新方法来简化使用.ES6标准继续改进数组,添加了很多新功能.本文将详细介绍ES6数组扩展创建数组在ES6以前,创建数组的方式主要有两种,一种是调用Array构造函数,另一种是用数组字面量语法,这两种方法均需列举数组中的元素,功能非常受限.如果想将一个类数组对象(具有数值型索引和length属性的对象)转换为数组,可选的方法也十分有限,经常需要编写额外的代码.为了进一步简化JS数组

数组的复制及ES6数组的扩展

一.数组的复制 // alert([1,2,3]==[1,2,3]); let cc = [0,1,2]; let dd = cc; alert(dd==cc);//此时改变dd会影响cc ES5 只能用变通方法来复制数组. const a1 = [1, 2]; const a2 = a1.concat(); a2[0] = 2; a1 // [1, 2] //使用ES6语法会防止这种现象出现 const a1 = [1, 2]; // 写法一 const a2 = [...a1]; // 写法

ES6 数组的拓展(五)

一.扩展运算符(...)将数组转化为以,分割的字符串eg: console.log(...[1,2,3,4]); //1 2 3 4 将字符串转化为数组eg: console.log([...'hello']); //['h','e','l','l','o'] 求数组中最大值eg: //求参数中最大值 let result1 = Math.max(2,5,8,23,75); console.log(result1); //ES5中求数组中的最大值 let result2 = Math.max.a

ES5和ES6数组方法

ES5 方法 indexOf和lastIndexOf 都接受两个参数:查找的值.查找起始位置不存在,返回 -1 :存在,返回位置.indexOf 是从前往后查找, lastIndexOf 是从后往前查找. var a = [2, 9, 9]; a.indexOf(2); // 0 a.indexOf(7); // -1 if (a.indexOf(7) === -1) { // element doesn't exist in array } var numbers = [2, 5, 9, 2]

ES6 数组Arrary 常用方法

ES6 数组Arrary 常用方法: <script type="text/javascript"> // 操作数据方法 // arr.push() 从后面添加元素,返回值为添加完后的数组的长度 let arr = [1,2,3,4,5] console.log(arr.push(5)) // 6 console.log(arr) // [1,2,3,4,5,5] // 2 arr.pop() 从后面删除元素,只能是一个,返回值是删除的元素 let arr2 = [1,2,

ES6数组及数组方法

ES6数组可以支持下面的几种写法: (1)var [a,b,c] = [1,2,3]; (2)var [a,[[b],c]] = [1,[[2],3]]; (3)let [x,,y] = [1,2,3]; //x=1 y=3 (4)var [x,...y] = [1,2,3,4]; //x=1 y=[2,3,4] 当然我认为代码必须要有易读性,所以请谨慎选择写法. 下面就要说数组的方法转换成数组的方法Array.from()这个方法是把类似数组的对象或者是可遍历的对象转化为数组(包括了ES6里

js数组中的find(), findIndex(), filter(), forEach(), some(), every(), map(), reduce()方法的详解和应用实例

1. find()与findIndex() find()方法,用于找出第一个符合条件的数组成员.它的参数是一个回调函数,所有数组成员依次执行该回调函数,直到找出第一个返回值为true的成员,然后返回该成员.如果没有符合条件的成员,则返回undefined. [1, 2, 5, -1, 9].find((n) => n < 0) //找出数组中第一个小于 0 的成员 // -1 find()方法的回调函数可以接受三个参数,依次为当前的值.当前的位置和原数组. findIndex()方法的用法与f

ES6 数组遍历方法的实战用法总结（forEach，every，some，map，filter，reduce，reduceRight，indexOf，lastIndexOf）

目录 forEach every some map filter reduce && reduceRight indexOf lastIndexOf 前言 ES6原生语法中提供了非常多好用的数组'遍历'方法给我们,让我们可以实现更多更强大的功能,下面让我们通过这篇文章好好学习下,该如何使用它们代码线上测试地址:babel test forEach 对数组的每个元素执行一次提供的函数.跳过空位元素没有办法中止或者跳出 forEach() 循环,除了抛出一个异常.如果你需要这样,使用 fo

es6数组

将两类对象转为真正的数组 Array.from方法用于将两类对象转为真正的数组:类似数组的对象(array-like object)和可遍历(iterable)的对象(包括ES6新增的数据结构Set和Map). 一个转换类数组对象到数组的一个示例: let list = document.querySelectorAll('ul.fancy li'); Array.from(list).forEach(function (li) { document.write(li); }); 上面代码中,q

ES6 数组方法拓展

ES6 数组方法拓展 1.Array.from() Array.from方法用于将两类对象转为真正的数组:类似数组的对象(array-like object)和可遍历(iterable)的对象(包括ES6新增的数据结构Set和Map).下面是一个类似数组的对象,Array.from将它转为真正的数组. let arrayLike = { '0': 'a', '1': 'b', '2': 'c', length: 3 }; // ES5的写法 var arr1 = [].slice.call(ar

ES6 数组

数组创建 Array.of() 将参数中所有值作为元素形成数组. console.log(Array.of(1, 2, 3, 4)); // [1, 2, 3, 4] // 参数值可为不同类型 console.log(Array.of(1, '2', true)); // [1, '2', true] // 参数为空时返回空数组 console.log(Array.of()); // [] Array.from() 将类数组对象或可迭代对象转化为数组. // 参数为数组,返回与原数组一样的数组

es6数组的一些函数方法使用

数组函数forEach().map().filter().find().every().some().reduce()等数组函数(这里的回调函数中的index和arr都可以省略,回调函数后有参数是设置调整this指向的,这里暂时不使用) forEach() -----循环map()— —更新数组filter().includes().find().findIndex()— —筛选(删除)数组some().every()— —判断数组reduce()— —叠加数组 arr.forEach() 遍

JavaScript ES6 数组新方法学习随笔

JavaScript ES6 数组新方法学习随笔新建数组 var arr = [1, 2, 2, 3, 4] includes 方法 includes 查找数组有无该参数有返回true var includes = arr.includes(2) map方法 map 遍历处理返回新数组原数组不会改变 var map = arr.map(function (item) { return ++item }) reduce方法 reduce 遍历处理数组返回结果 prev与next中间的符号以

关于 ES5 & ES6 数组遍历的方法

ES5 数组遍历方法 1.for 循环 , , , , ] ; i < arr.length; i++) { console.log(arr[i]) } 2.forEach , , , , ] arr.forEach(function (item) { console.log(item) }) 与 for 循环的区别:不能用 break 和 continue 3.every , , , , ] arr.every(function (item) { console.log(item) retur

javaScript Es6数组与对象的实例方法

个人心得我们在没有接触Es6方法之前,做一些算法之类的事情是就比较麻烦,在做的过程中也要考虑很多的问题,比较麻烦,而Es6的方法正是来方便我们在平常运用时能够将问题简便化,大大的减少我们的日常代码量,比如我们在平时需要做一些比较繁琐的算法时,需要使用非常多的方法和循环去进行解决,如果将这些问题使用Es6进行解决的话就不会显得那么的繁琐了,并且也会大大的减少时间复杂度,大大地提升我们代码的运行速度,总而言之的来说,Es6真的是值得我们学习前端的小伙伴去花时间在上面去进行研究.探索的!!!

ES6数组中删除指定元素

知识点: ES6从数组中删除指定元素 findIndex()方法返回数组中满足提供的测试函数的第一个元素的索引.否则返回-1. arr.splice(arr.findIndex(item => item.id === data.id), 1) http://louiszhai.github.io/2017/04/28/array/ 1:js中的splice方法 splice(index,len,[item]) 注释:该方法会改变原始数组. splice有3个参数,它也可以用来替换/删除/添加数组

es6数组的扩展

数组扩展运算符 ...(三个点) const demoArr=[0,1,2,3,4] console.log(...demoArr) // 0 1 2 3 4 // 他把一个数组用逗号分隔了出来 // 求和 A function sunA(one,two,three,four,five){ console.log(one+two+three+four+five) } // 求和 B function sunB(array){ array.forEach(val => { this.valSun+

es6数组判断存在arr.findIndex

热门专题