`

JS 数组遍历的方法

 
阅读更多
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<script>
var a = [1,2,3,4,5,6];
var b = a.some(function(ele,index,arr){
    console.log(ele);//输出1,2,3遍历到3停止遍历
    return ele > 2;   
});
console.log(b);
console.log("--------------------");
var c = a.every(function(ele,index,arr){
    console.log(ele);//输出1,2,3,4,5遍历到5返回false,停止遍历
    return ele < 5;
});
console.log(c);
console.log("--------------------");
var d = a.filter(function(ele,index,arr){
    console.log(ele);//遍历整个数组,将值大于3的项添加到d数组中
    return ele > 3;   
});
console.log(d);
console.log("--------------------");
var e = a.map(function(ele,index,arr){
  	console.log(ele);//遍历整个数组,对数组的每个元素执行一次操作,将新的元素添加到e数组中
    return ele+3;
});
console.log(e);
console.log("--------------------");
a.forEach(function(ele,index,arr){
    arr[index] = ele+6;//遍历数组,对数组中的每项执行一次操作,无返回值
});
console.log(a);
</script>
</body>
</html>

  

some:只要数组中有满足条件的选项,就返回true,不再遍历剩余元素,如果所有项都没有满足条件,则返回false
every:只要数组中有不满足条件的选项,就返回false,不再遍历剩余元素,如果所有项都满足条件,则返回true
filter:筛选数组,该函数返回新的数组,将原数组中满足条件的元素push到新数组中
map:对数组中的每个元素都执行一次callback函数,并返回新的元素到新数组中
forEach:对数组中的每个元素执行一次callback函数,该函数没有返回值

 

效果图:

 
 

 

 

 

  • 大小: 26.6 KB
分享到:
评论

相关推荐

    js 二维数组 遍历

    js 二维数组 遍历 轻松实现实现 二维数组输出 包含高级for循环

    总结的一些代码常用的数组遍历方法案例

    数组遍历方法可以帮助我们处理和操作数据集合,实现各种功能。以下是对标题和描述中涉及的知识点的详细说明: 1. **JavaScript 数组遍历方法** - `for` 循环:基础的遍历方式,适用于任何类型的数组。 ```...

    Javascript中二维数组的遍历

    Javascript中二维数组的遍历 在 Javascript 中,二维数组的遍历是一种非常常见的操作。二维数组,即多维数组的特殊...通过本文,我们希望您能够更好地理解 Javascript 中的二维数组遍历,并更好地应用于实际项目中。

    JavaScript 1.8.5 英文第四章 数组与函数数组遍历

    JavaScript 1.8.5 英文第四章 数组与函数数组遍历

    javascript数组遍历for与for in区别详解

    在JavaScript中,数组遍历是常见的操作,有多种方法可以实现,其中最常用的两种是`for`循环和`for...in`循环。然而,这两者之间存在显著的区别,理解这些差异对于编写健壮的JavaScript代码至关重要。 首先,我们来...

    javascript数组遍历的方法实例分析

    本文将重点介绍以下几种常用的数组遍历方法:some、every、filter、map以及forEach。这些方法都是数组对象自带的高阶函数,它们都接受一个回调函数作为参数,该回调函数会被执行并传入数组中的每个元素,以此来实现...

    JavaScript中的数组遍历forEach()与map()方法以及兼容写法介绍_.docx

    JavaScript中的数组遍历forEach()与map()方法以及兼容写法介绍_.docx

    js 实现 JavaScript遍历数组

    js 实现 JavaScript遍历数组! 值得下载看看!资源免费,大家分享!!

    JS常用的几种数组遍历方式以及性能分析对比实例详解

    本文主要分析了JS中常用的7种数组遍历方式,并进行了性能对比。以下是这些遍历方式的详细说明: 1. **普通for循环**: ```javascript for (j = 0; j ; j++) {} ``` 这是最基础且广泛使用的遍历方式,性能较好,...

    微信小程序多层嵌套循环,二级数组遍历,设置data里面的数据 ...

    一:多层嵌套循环,二级数组遍历 小程序中的遍历循环类似于angularJS的遍历。 二级数组遍历有一个坑。二级遍历wx:for循环的时候,需要注意。(代码如下) JS代码:   data: { groups: [ [ { title: '狼图腾', ...

    thinkPHP中多维数组的遍历方法

    总结来说,ThinkPHP中的多维数组遍历主要是通过`foreach`循环的嵌套实现。理解并熟练掌握这种遍历方式对于处理复杂数据结构至关重要,尤其是在构建复杂的Web应用时。结合模板语言,可以方便地在视图层展示和交互这些...

    Javascript数组循环遍历之forEach详解

    然而,除了for循环外,现代JavaScript提供了更为简洁和高级的数组遍历方法:`forEach`。`forEach`方法为每个数组元素执行一次提供的函数,不返回任何值。 #### 2. forEach函数使用 `forEach` 方法是Firefox和...

    深入浅析JS的数组遍历方法(推荐)

    在JavaScript中,数组遍历是一种常见的操作,用于对数组中的每个元素执行某些操作。本文将深入浅析数组的遍历方法,并推荐一些实用的技术。 首先,Underscore库是一个非常流行的JavaScript实用工具库,它提供了许多...

    js代码-js数组遍历 forEach

    在JavaScript中,数组遍历是常见的操作,而`forEach`方法是实现这一操作的一个便捷工具。本文将深入探讨`forEach`方法的使用、原理以及它与其他遍历方式的...理解这些细节有助于深入学习和应用JavaScript数组遍历技巧。

    详解vue数组遍历方法forEach和map的原理解析和实际应用

    ### Vue数组遍历方法forEach和map的原理解析 1. **基本使用**: - `forEach`和`map`是数组对象的方法,它们都是用来遍历数组元素的函数。 - 在调用时,可以传入一个匿名函数作为回调函数,该回调函数有三个参数:...

    模拟数组的顺序遍历

    在按钮旁边有个文本框,每点击按钮后,在文本框中显示对应单元格的序号,比如,点击按钮后,应该单元格5变黄色,那么文本框应该显示5,在文本框旁边最好显示一个标题,比如“单元框为:”

    JQuery使用数组遍历跳出each循环

    在JavaScript的世界里,jQuery库提供了一种优雅的方式来处理DOM操作,包括数组或对象集合的遍历,这通常通过`$.each()`方法实现。然而,与原生JavaScript的`for`循环不同,`$.each()`并不支持`break`和`continue`...

Global site tag (gtag.js) - Google Analytics