北鸟南游的博客 北鸟南游的博客
首页
  • 前端文章

    • JavaScript
    • Nextjs
  • 界面

    • html
    • css
  • 计算机基础
  • 后端语言
  • linux
  • mysql
  • 工具类
  • 面试相关
  • 图形学入门
  • 入门算法
  • 极客专栏
  • 慕课专栏
  • 电影资源
  • 儿童动漫
  • 英文
关于我
归档
GitHub (opens new window)
首页
  • 前端文章

    • JavaScript
    • Nextjs
  • 界面

    • html
    • css
  • 计算机基础
  • 后端语言
  • linux
  • mysql
  • 工具类
  • 面试相关
  • 图形学入门
  • 入门算法
  • 极客专栏
  • 慕课专栏
  • 电影资源
  • 儿童动漫
  • 英文
关于我
归档
GitHub (opens new window)
  • JavaScript

    • 原生js
      • 33个非常实用的JavaScript一行代码
      • Es6新增属性Promise对象
      • Es6新增属性generator对象
      • JavaScript数组遍历的方法
        • 数组Array遍历方法概述
        • 不产生新数组的迭代方法
          • forEach()
          • some()
          • every()
        • 产生新数组的迭代方法
          • map()
          • filter()
        • 计算出最后一个结果
          • reduce()
      • JavaScript防抖和节流
      • ajax的跨域和jsonp的使用
      • exports和module.exports以及export的区别
      • js正则表达式深度解析
      • js运行过程分析
      • vite开发原生js插件
      • 你不知道的JavaScript(上)
    • vue
    • react
    • node
    • nextjs
    • 其它框架
  • 界面

  • front
  • javascript
  • js
北鸟南游
2017-04-19
目录

JavaScript数组遍历方法

# 数组Array遍历方法概述

  • forEach() 方法对数组的每一个元素执行一次提供的函数。

  • map() 方法创建一个新数组,其结果是该数组都执行一次函数,原函数保持不变。

  • filter() 方法使指定函数测试数组中的每一个元素,并返回一个由通过判断的元素组成的新数组。

  • some() 方法测试该数组有元素通过了指定函数的测试,如果有返回true,否则,返回false。

  • every() 方法测试该数组是否全部通过指定函数测试,全部通过返回true,否则,返回false。

  • reduce() 方法将数组中的元素进行累加

# 不产生新数组的迭代方法

# forEach()

对数组的每一个元素执行一次提供的函数

	var arr = [1,2,3,99];
	var newArr = arr.forEach(function(item){
		console.log(item+9);
	})
	console.log("arr",arr)
1
2
3
4
5

# some()

返回真(true)假(false)

	var arr = [1,13,66,99,120];
	arr.some(function(item){
		return item > 100;
	})
	// 执行结果返回true
1
2
3
4
5

# every()

返回真(true)假(false)

	var arr = [1,13,66,99,120];
	arr.every(function(item){
		return item >100;
	})
	// 执行结果返回false
1
2
3
4
5

# 产生新数组的迭代方法

# map()

创建一个新的数组,其结果是该数组的每个元素都执行一次函数,原数组保持不变。和forEach类似。

	var arr = [1,2,3,99];
	var newArr = arr.map(function(item,index){
		console.log("item",item);
		console.log("index",index);
		return item+9
	})
	console.log(newArr)

1
2
3
4
5
6
7
8

# filter()

返回一个由满足指定函数限制条件的元素组成的数组

	var arr = [1,13,66,99,120];
	var newArr = arr.filter(function(item,index){
		return item >50;
		})
	console.log("arr",arr)
	console.log("newArr",newArr)
1
2
3
4
5
6

# 计算出最后一个结果

# reduce()

让数组中的元素前一项和后一项做某种计算,返回一个结果

	var arr = [1,13,66,99,120];
	var result = arr.reduce(function(prev, next){
		return prev + next;
		})
	console.log("result",result)
	// result 299
1
2
3
4
5
6
编辑 (opens new window)
上次更新: 2025/04/19, 14:22:11
Es6新增属性generator对象
JavaScript防抖和节流

← Es6新增属性generator对象 JavaScript防抖和节流→

最近更新
01
色戒2007
04-19
02
真实real
04-19
03
Home
更多文章>
Theme by Vdoing | Copyright © 2018-2025 北鸟南游
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式