JavaScript 非常好用的但不常用的数组方法总结

镇三山
• 阅读 994

项目中经常需要处理一些数组,经常会自己维护一些方法,
今天总结了一下非常好用的但不常用的数组方法,希望以后能多用一下这些方法

MDN链接:
https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array

1、every和some

Array.prototype.every()

Array.prototype.some()

every()是对数组中每一项运行给定函数,
如果该函数对每一项返回true,则返回true。

some()是对数组中每一项运行给定函数,
如果该函数对任一项返回true,则返回true。

const tempData = [
  {
    id: 1,
    name: "rocker",
    adress: "US"
  },
  {
    id: 2,
    name: "rocker",
    adress: "US"
  },
  {
    id: 3,
    name: "rocker",
    adress: "US"
  }
];
let everyReturn = tempData.every((item, index) => {
  return item.id > 1;
});
let someReturn = tempData.some((item, index) => {
  return item.id > 2;
});

console.log(everyReturn);
//有一个是错的就返回 false 且的关系

console.log(someReturn);
//有一个是对的就返回 true 或的关系

2、find 和 findIndex

const array = [5,10,89,33,55]
const found = array.find(item => item > 10)

console.log(found) //89
//返回数组中第一个大于10 的值

findIndex方法则是返回第一个大于10 的值的下标

3、forEach方法跳出循环

Array.forEach(item => {
    if(true){
        throw new error()
    }
)

另外every和some都可以用return来跳出循环

4、Array.prototype.flat()

var newArray = arr.flat([depth])

//depth代表指定要提取嵌套数组的结构深度,默认值为 1。
点赞
收藏
评论区
推荐文章
皮卡皮卡皮 皮卡皮卡皮
4年前
javaScript 数组常用的几个方法
数组的方法总结1.数组转换字符串1.toString()2.toLocaleString()3.join()jsconstarr1,5,6,9,3,2,4,6console.log('toString'arr.toString())//toString1,5,6,9,3,2,4,6console.log('toLocaleSt
她左右 她左右
4年前
JavaScript数组常用方法总结
数组基本操作可以归纳为增、删、改、查,需要留意的是哪些方法会对原数组产生影响,哪些方法不会下面对数组常用的操作方法做一个归纳增下面前三种是对原数组产生影响的增添方法,第四种则不会对原数组产生影响push()unshift()splice()concat()push
Karen110 Karen110
4年前
盘点JavaScript中数组遍历的全部方式(上篇)
前言JavaScript想必大家都不陌生了,其中的字符串和数组大家经常都会用到,今天就让我们来说说这里面的数组对象的遍历吧,因为遍历经常使用的缘故,所以小编带着大家来解锁遍历的所有方法,以便大家能够更深入的了解数组遍历,并在实际项目中灵活运用。一、Entries这个是ES6中提供的用于遍历数组的方法,它会返回一个遍历器对象,Entries是对键值对的遍历。
待兔 待兔
3年前
12个有用的JavaScript数组技巧
数组是Javascript最常见的概念之一,它为我们提供了处理数据的许多可能性,熟悉数组的一些常用操作是很有必要的。1、数组去重1、from()叠加newSet()方法字符串或数值型数组的去重可以直接使用from方法。varplants'Saturn','Earth','Uranus','Mercury','Venus','Earth',
凯特林 凯特林
4年前
安利一些强无敌的 NPM 软件包
实用工具Lodashlodash是一套现代JavaScript实用程序库,提供模块化、性能与多种附加功能。可提供关于JavaScript数组、对象及其他数据结构的多种实用功能。安装及示例yarnaddlodash不要滥用,尽量使用ES自带方法 。我常用的一些方法如下//深度比较两个对象的值是否全相等importisEqu
Stella981 Stella981
3年前
JavaScript 常用数组函数方法专题
1、由字符串生成数组split() 分割字符串,并将分割的部分作为一个元素保存在一个新建的数组中。varstr1"thisisanemampletousingthemethodofarray.";varstr2str1.split("");//以空格作为分割条件
Stella981 Stella981
3年前
JavaScript中call()与apply()有什么区别?
今天读《JavaScript权威指南》时发现其中有段代码用到了apply方法用于递归实现数组的展开。可是我不懂这个函数的用法,因此查了一下,将资料整理如下。Javascript的每个Function对象中有一个apply方法:function.apply(thisObj,argArray)还有一个类似功能的call方法:
Wesley13 Wesley13
3年前
ES6之数组常用方法
数组是js中常用的一个数据结构,熟练掌握和使用数组的方法更有利于快速开发,有些方法可以实现相同的功能,但是语义不一定适合。数组新增元素push尾部加入,返回修改后的数组长度。非常常见的数组追加方法。1,2,3.push(5)//尾部插入51,2,3,5//reutrn4u
Stella981 Stella981
3年前
JavaScript——数组(三)数组方法汇总
前面两篇大致介绍了一下数组的基本特性,这里说一下数组的常用方法:Array.join()   将数组中所有的元素都转化为字符串并拼接在一起,返回最后生成的字符串。  不改变原数组可通过指定的分隔符来分隔各个元素,如果不指定分隔符,则默认使用逗号。1vararr1,2,3;//创
3A网络 3A网络
2年前
重写数组的方法(改变原数组)
重写数组的方法(改变原数组)下图是我自我学习模拟数组时总结的一些重新数组的方法:本文我们暂不讨论不改变原数组的方法,只谈改变原数组用到的6种方法。改变原数组的方法push()按参数顺序向数组尾部添加元素,返回新数组的长度javascriptvarcolorreverse()将数组倒叙,改变原数组javascriptArray.prototype.
菜园前端 菜园前端
2年前
排序和搜索介绍
原文链接:排序和搜索不仅在工作中会经常遇到,在面试中也是高频考点,所以这个是必须要懂的。排序:把某个乱序的数组变成升序或者降序的数组。例如在我们平常开发中,例如要对一个表格进行日期的升序或降序排列。在JavaScript中通常使用数组的sort方法实现。搜