数组遍历方式

senntyou 发布于2019-08-23 11:58 / 3274人阅读

摘要：循环为数组每个项，为索引循环遍历每一项，如果找到符合条件项，后面便不再遍历了。如果没有则返回为初始值，为当前项。

1. for循环

const arr = [0, 1, 2, 3];
for (let i = 0;  i  <  arr.length;  i++) {
    console.log(arr[i]);
}

2. forEach

const arr = [0, 1, 2, 3];
arr.forEach((item,  index) => console.log(item,  index));

item为数组每个项， index为索引

3. some

const arr = [0, 1, 2, 3];
arr.some((item,  index) => item === 2);

some: 循环遍历每一项，如果找到符合条件项，后面便不再遍历了。

4. every

const arr = [0, 1, 2, 3];
arr.every((item,  index) => item > 2);

every: 循环遍历每一项，如果找到不符合条件的项，后面便不再遍历了。

5. map

const arr = [0, 1, 2, 3];
const mapArr = arr.map((item,  index) => ({i: item}));

map: 循环遍历每一项，所返回的值是新数组的新项数值，原数组不会改变

6. filter

const arr = [0, 1, 2, 3];
const mapArr = arr.filter((item,  index) => item < 2);

filter: 以数组形式筛选出符合条件的项，如没有符合的，返回空数组 []

7. for of

const arr = [0, 1, 2, 3];
for  (let v of arr)  {
    console.log(v);
}

8. find

const arr = [0, 1, 2, 3];
arr.find(item => item > 2);

find: 循环遍历每一项，如果找到符合条件的项，便返回这个项，后面便不再遍历了。如果没有则返回undefined

9. findIndex

const arr = [0, 1, 2, 3];
arr.findIndex(item => item > 2);

findIndex: 循环遍历每一项，如果找到符合条件的项，便返回这个项的索引，后面便不再遍历了。如果没有则返回 -1

10. reduce

const arr = [0, 1, 2, 3];
const result = arr.reduce((total,  item) => total + item);

total为初始值， item为当前项。

GPU云服务器云服务器数组遍历遍历数组遍历筛选数组遍历二维数组

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/97779.html

JavaScript：遍历

摘要：中可以实现遍历的数据类型主要是对象，其中包括普通对象与数组。遍历器是一种接口，为各种不同的数据结构提供统一的访问机制。实例五遍历器对象实例五是的遍历过程，通过手动调用其对象的方法实现信息获取。为每个数组元素执行函数。前言将依据自身痛点学习，计划对原生JavaScript写一个系统，本文为第一篇，感兴趣的同学可以关注个人公众号：ZeroToOneMe，或者github博客，将持续...

ThinkSNS 2019-08-23 17:51 评论0 收藏0
Js之浅拷贝深拷贝与对象数组的遍历

摘要：判断是深拷贝对象还是数组如果要拷贝的对象的属性依然是个复合类型，递归运用递归，当要拷贝的对象或者数组的属性依然是个对象或者数组时，递归调用。遍历对象聊完了深拷贝和浅拷贝，接下来说一下遍历。在js这门语言中，数据存放在堆中，而数据的引用的存放在栈中。浅拷贝我们说的浅拷贝，指的是，引用地址的拷贝，栈中两块不同的引用地址都指向了堆中同样一块区域。所以，我们通过一个地址修改了堆中的数据，...

liangzai_cool 2019-08-22 14:59 评论0 收藏0
JavaScript 之核心语法 [ 数组 ]

摘要：数组描述表示可以储存一个或多个数据值的有序集合数组中储存的数据中可以称为元素数组中可以储存任何类型的数据语法字面量方式数组名称元素，元素，构造函数方式数组名称元素元素函数方式数组名称元素元素长度表示数组的长度数组中储存元素的个数当使用数组描述表示可以储存一个或多个数据值的有序集合数组中储存的数据中可以称为元素数组中可以储存任何类型的数据语法字面量方式 - var 数...

mumumu 2019-08-23 10:53 评论0 收藏0
php数组原理遍历原理揭秘

摘要：数组原理遍历原理揭秘数组原理遍历原理揭秘可见，数组其实已经改变了，但是遍历出来的并没有增加的哪一项。此时，我们也可以输出一下当前指针位置数组原理遍历原理揭秘数组原理遍历原理揭秘数组指针停留在了位置上。 php中的中的数组跟js里面数组是不大一样的。php中数组的下标可以整数也可以是字符串，而且数组中元素的顺序不是由下标决定的，而是由添加元素的顺序。数组基础 $arr1 = array(...

wanghui 2019-06-27 15:35 评论0 收藏0
JavaScript数组

摘要：与稀疏数组对立的为密集数组，密集数组的索引会被持续的创建，并且其元素的数量等于其长度。创建一个长度为的数组，并初始化了个元素使用构造函数创建数组对象的时候，关键字是可以省略的。另外使用和删除元素是影响数组的长度的。说明：本文只总结了JavaScript数组在web端的行为，不包括NodeJs端的行为。本文不涉及类型化数组（TypedArray）的讨论、总结。一、什么是数组数组的定...

HtmlCssJs 2019-08-23 10:23 评论0 收藏0
遍历PHP数组的6种方式

摘要：遍历完成后返回一个新的数组你可以同时处理多个数组你好吗原罪你好吗原罪是的，遍历的次数以最长的数组为准。假如你处理的是二维数组，处理方式也是万变不离其宗的。在PHP的日常操作中，数组是最常出现的结构，而我们几乎每天都在处理数组相关的内容。那么问题来了，你一般怎么遍历并处理数组。 1、foreach 很熟悉吧，是不是你的最爱？ $arr = [a, b, c]; foreach ($a...

awkj 2019-07-01 10:04 评论0 收藏0