当前位置: 首页 > 科技观察

你应该知道的15个重要的JavaScript数组方法

时间:2023-03-16 19:37:41 科技观察

关于数组方法的重要一点是,有些是可变的,有些是不可变的。在决定针对特定问题使用哪种方法时,记住这一点很重要。此列表中的大多数数组方法都将类似的回调作为参数。第一个参数是当前项,第二个是索引,第三个是整个数组。现在我们已经解决了这个问题,让我们从列表开始:1.ForEach遍历数组中的每个元素并执行回调函数。constarr=[1,2,3];arr.forEach(num=>console.log(num));//Console:1,2,32.Map循环遍历数组中的每一个元素,并执行回调函数。使用回调函数的返回值创建一个新数组。constarr=[1,2,3,4,5];constareEven=arr。映射(num=>num%2===0);安慰。日志(偶数);//Console:[false,true,false,true,false]3.Filter循环遍历数组中的每个元素,只选择满足条件的元素。返回基于所选元素的新数组。constarr=[1,2,3,4,5];常量evenNumbers=arr。过滤器(num=>num%2===0);安慰。日志(偶数);//Console[2,4]4,Find查找数组中第一个满足条件的元素。如果没有找到,undefined将被返回。constarr=[1,2,3,4,5];constfirstEvenNumber=arr。查找(num=>num%2===0);安慰。日志(第一个偶数);//Console[2]5,FindIndex和前面的方法类似,返回第一个满足给定条件的元素的索引。如果未找到,则返回-1。constarr=[1,2,3,4,5];constfirstEvenNumberIdx=arr.findIndex(num=>num%2===0);控制台日志(firstEvenNumberIdx);6.Reduce是一种高级方法,可用于组合数组的元素。主要区别在于回调将累加器作为第一个参数。回调的返回值成为下一次迭代的累加器。constarr=[1,2,3,4,5];//`acc`是累加器的值//累加器是前一个回调的返回值//第二个参数,即`0`是默认值constsum=arr.reduce((acc,num)=>acc+num,0);控制台日志(总和);//Console:157,Every此方法接受返回布尔值的回调。如果条件对数组中的所有元素都有效,则Every()返回true。constarr=[1,2,3,4,5];constareAllEven=arr.every(num=>num%2===0);控制台日志(areAllEven);//Console:false8,Some和之前一样,这个方法也接受一个返回布尔值的回调。如果条件对至少一个元素有效,则Some()将返回true。constarr=[1,2,3,4,5];constisOneEven=arr.some(num%2===0);控制台日志(isOneEven);//true9,Sort这是Method对数组中的元素进行排序的方法。默认情况下,它按升序对数组进行排序。它需要一个包含两个元素的回调函数-a和b。如果a小于b,则返回-1,否则返回1。如果它们相等,则返回0。constarr=[1,2,3,4,5];constdescendingArr=arr.sort((a,b)=>b-a);控制台日志(降序排列);请记住,与其他数组方法不同,排序会更改数组。10.FlatFlat用于将嵌套数组展平为单个数组。您可以指定展平数组的深度。constarr=[[[1,2],[3]],[4,5]];constflattenedArr=arr。平(4);安慰。日志(扁平Arr);//Console[1,2,3,4,5]11.Reverse反转数组中元素的顺序。constarr=[1,2,3,4,5];constreversedArr=arr.reverse();控制台日志(reversedArr);//Console[5,4,3,2,1]12.Includeifarray如果数组中有元素,该方法返回true。constarr=[1,2,3,4,5];控制台日志(arr.includes(5));//trueconsole.log(arr.includes(10));//false13,Fillfill方法将Element设置为给定值。当我想使用map/forEach方法特定次数时,我喜欢使用这种方法。constemptyArr=newArray(5);//这个问题是你得到`[emptyx10]`//你需要真实的值来映射它。constfilledArr=emptyArr.fill(3);//Console[3,3,3,3,3]14.At此方法返回给定索引处的元素。这与访问(即arr[1])元素的传统方式之间的区别在于它还支持负索引。constarr=[1,2,3,4,5];控制台日志(arr.at(1));//2console.log(arr.at(-1));//5//重要提示:负数索引从1开始,正数索引从0开始。15,Concat该方法用于合并两个数组。constarr1=[1,2,3,4,5];constarr2=[6,7,8,9,10];安慰。日志(arr1.concat(arr2));//Console[1,2,3,4,5,6,7,8,9,10]综上所述,以上就是今天给大家分享的JavaScript中重要的15个数组方法。希望对你有所帮助,喜欢的话记得分享给身边做开发的朋友。最后,感谢阅读,祝编程愉快!