数组的filter与includes方法】的更多相关文章

题目:编写函数 array_diff(a,b),传入两个数组a,b,将数组a中包含b的值全部去掉,重复的也去掉,返回去掉之后新数组 function array_diff(a, b) { return a.filter(e => !b.includes(e));} ex: array_diff([1,2,3,3,4],[3]) => [1, 2, 4] 1.filter() filter() 方法创建一个新的数组,新数组中的元素是通过检查指定数组中符合条件的所有元素. 注意: filter()…
<script> const arr = [ { id: 1, name: "aa", isDone: false }, { id: 2, name: "bb", isDone: false }, { id: 3, name: "cc", isDone: true }, { id: 4, name: "dd", isDone: true }, ]; const newArr = arr.filter((item)…
find() 方法返回数组中满足提供的测试函数的第一个元素的值. 语法: arr.find(callback[, thisArg]) findIndex()方法返回数组中满足提供的测试函数的第一个元素的索引.否则返回-1. 语法: arr.findIndex(callback[, thisArg]) indexOf()方法返回在数组中可以找到给定元素的第一个索引,如果不存在,则返回-1. 语法: arr.indexOf(searchElement) arr.indexOf(searchEleme…
前言 我们在判断某一个字符是否存在于一个字符串中或者某一个值是否存在于一个数组中时,ES7之前我们需要使用indexOf,ES7引入了新的方法includes 语法 数组:Array.inexOf(searchElement, startIndex) 字符串:String.inexOf(searchElement, startIndex) 第一个参数searchElement是要检索的值 第二个参数是可选值,从何处开始进行检索,如果不规定此值,则默认从首字符开始检索 查看数组和字符串的原型链我们…
注意:对象数组不能使用includes方法来检测. JavaScript Demo: Array.includes() var array1 = [1, 2, 3]; console.log(array1.includes(2)); // expected output: true var pets = ['cat', 'dog', 'bat']; console.log(pets.includes('cat')); // expected output: true console.log(pe…
Array.prototype.includes方法返回一个布尔值,表示某个数组是否包含给定的值,与字符串的includes方法类似.该方法属于 ES7 ,但 Babel 转码器已经支持. [1, 2, 3].includes(2); // true [1, 2, 3].includes(4); // false [1, 2, NaN].includes(NaN); // true 该方法的第二个参数表示搜索的起始位置,默认为 0 .如果第二个参数为负数,则表示倒数的位置,如果这时它大于数组长度…
javascript的所有数组实例对象,除了可以给自己增删属性之外:都会从Array.prototype继承属性(方法).修改Array的原型会影响所有的数组实例. 数组实例的属性: Array.prototype.constructor: 所有数组都继承了这个属性,它的只是‘’Array‘’,表明了所有的数组都是有Array构造出来的. Array.prototype.length: 因为Array.prototype也是个数组,所以也有length属性,这个值为0,因为它是个空数组.这个也不…
去重操作 第一种方式, ES 6 引入的新书据结构 Set 本身就是没有重复数据的, 可以使用这个数据结构来转化数组.时间复杂度 O(n) 123456 const target = [];const sourceArray = [1,1,2,3,4,2,3,4,5,6,5,7];new Set(sourceArray).forEach(current => { target.push(current);});console.log(target); // [ 1, 2, 3, 4, 5, 6,…
从引用聊到深浅拷贝,从深拷贝过渡到ES6新数据结构Map及Set,再到另一个map即Array.map()和与其类似的Array.flatMap(),中间会有其他相关话题,例如Object.freeze()与Object.assign()等等. 前言 一边复习一边学习,分清引用与深浅拷贝的区别,并实现浅拷贝与深拷贝,之后通过对深拷贝的了解,拓展到ES6新数据结构Map及Set的介绍,再引入对另一个数组的map方法的使用与类似数组遍历方法的使用.通过一条隐式链将一长串知识点串联介绍,可能会有点杂,…
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" con…