javaScript中的数组遍历

迷南。 2022-11-05 08:40 200阅读 0赞

![0346407d35261013c58c6facb499cb31.png][]

# javaScript中的数组遍历 #

### For循环 ###

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

### forEach ###

let arr = [1, 2, 3, 4]
    arr.forEach((currentValue, index, array) => { 
        console.log(currentValue, index, array)
    })

mdn文档地址

### for of 语句 ###

for of 一般用来遍历可迭代对象（Array、Map、Set、String、arguments），for in 一般用来遍历可枚举对象，可枚举（矩形）和可迭代（正方形）是包含与被包含的关系

let arr = [1, 2, 3, 4]
    for(let value of arrr) { 
        console.log('value', value)
    }

mdn文档地址

### map方法（不改变原数组） ###

返回一个新数组，不改变原数组。

let arr = [1, 2, 3]
    let newArr = arr.map(currentValue * 2)

### filter方法（不改变原数组） ###

创建一个新数组，包含通过filter条件的数据

let arr = [1, 2, 3, 4, 5, 6]
    let arr2 = arr.filter(arr => arr > 3)

### reduce方法（不改变原数组，返回一个值） ###

对数组每个元素执行函数，将结果作为一个单个的值返回（例子：不管你吃的多少，最后排除有机物。汉堡+可乐+薯条 = 有机物）

let arr = [1, 2, 3, 4]
    arr.reduce((accumulator, currentValue) => accumulator + currentValue)

### every方法（不改变原数组） ###

检测数组中的元素是否都满足条件，若都满足，返回true，否则返回false

const isBelowThreshold = (currentValue) => currentValue < 40;
    
    const array1 = [1, 30, 39, 29, 10, 13];
    
    console.log(array1.every(isBelowThreshold));

### some方法（不改变原数组） ###

只要数组中有一个满足条件，就返回true

#### 找出数组最小值、最大值 ####

Math.min.apply(null, numbers)
    Math.max.apply(null, numbers)

#### 调用（xiedaima） ####

minOf2.call(null, [1, 2])

[0346407d35261013c58c6facb499cb31.png]: /images/20221023/bb50f0d74cfd4e1db48a775d035b51a7.png

发表评论取消回复

表情：

评论列表（有 0 条评论，200人围观）

还没有评论，来说两句吧...

相关阅读

相关 javaScript中的数组遍历

![0346407d35261013c58c6facb499cb31.png][] javaScript中的数组遍历 For循环 let arr = [1

迷南。/ 2022年11月05日 08:40/ 0 赞/ 201 阅读

相关数组遍历VS对象遍历

数组遍历 const nameArray2 = ['zhao', 'qian', 'zhang', 'sun', 'li']; nameArray2.map(

拼搏现实的明天。/ 2022年10月15日 07:58/ 0 赞/ 268 阅读

相关 js数组遍历、对象遍历、字符串遍历

[2019独角兽企业重金招聘Python工程师标准>>> ][2019_Python_] ![hot3.png][] 数组遍历 for \--使用变量将数组长度缓

男娘i/ 2022年10月02日 00:49/ 0 赞/ 306 阅读

相关 javascript 遍历表格中的内容

<html> <head><title>遍历表格</title> <script language="javascript"

短命女/ 2022年09月17日 10:21/ 0 赞/ 169 阅读

相关 java遍历之数组遍历,list遍历,set遍历,map遍历，stream遍历,Enumeration遍历

1.\_遍历方式其实遍历的就两种,对象和数组.只是哪个遍历适用于哪个而已 1. for 2. for增强 3. foreach 4. 迭代(Iterable)

迈不过友情╰/ 2022年09月11日 06:19/ 0 赞/ 337 阅读

相关 js数组遍历

js里面，数组遍历有很多种方式。经典版： for (var index = 0; index < myArray.length; index++) {

野性酷女/ 2022年08月19日 14:15/ 0 赞/ 273 阅读

相关 javascript自己实现多维数组遍历

`<%@ page language=` `"java"` `import=` `"java.util."` `pageEncoding=` `"UTF-8"` `

阳光穿透心脏的1/2处/ 2022年07月14日 08:58/ 0 赞/ 166 阅读

相关 js数组遍历和对象遍历

[http://www.cnblogs.com/yizhilin/p/7344675.html][http_www.cnblogs.com_yizhilin_p_7344675

傷城~/ 2022年03月16日 02:36/ 0 赞/ 367 阅读

相关数组遍历。对象遍历。字符串遍历

数组遍历 for for(var i=0;i<arr.length;i++)\{ ...... \} forEach arr.forEach(

墨蓝/ 2021年11月29日 13:48/ 0 赞/ 559 阅读

相关 js数组遍历和对象遍历

针对js各种遍历作一个总结分析，从类型用处：分数组遍历和对象遍历；还有性能，优缺点等。 JS数组遍历： 1，普通for循环，经常用的数组遍历 var a

曾经终败给现在/ 2021年07月26日 22:57/ 0 赞/ 662 阅读