js 数组有回调函数的（方法）

最新推荐文章于 2023-04-29 00:23:38 发布
最新推荐文章于 2023-04-29 00:23:38 发布
阅读量960 收藏 1
点赞数
分类专栏： 笔记
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_45827064/article/details/106036012
版权

foreach（）
map（）
filter（）
every（）

foreach（）//遍历

	<script>
	   var array={
		   0:2,
		   1:1,
	       length:2, 
		   currentValue:function(ii){
			   //参数是下标
			   //返回一个属性值
			   return array[ii]
		   },
		   index:function(ii){
			   //参数 下标
			   //当前正在处理的下标索引
			   //返回下标的索引
			   return ii;
		   },
		   array :function(){
			   //参数正在操作的数组
			   return this
		   },
			forEach:function(ii){
				for(var i=0;i<this.length;i++){
					ii(this.currentValue(i),
					   this.index(ii),
					   this.array()
					)
				}
			}
	   }
	   
	  console.log(array.forEach(function(ii,iii,iiii){
		  	console.log(ii)
		  	console.log(iii)
		  	console.log(iiii)
	  }))
  //       var i=[1,2,3]
		// i.forEach(function(ii,iii,iiii){
		// 	console.log(ii)
		// 	console.log(iii)
		// 	console.log(iiii)
		// })
	</script>

map（）//返回一个性数组增值

		<script>
			var array = {
				0: 2,
				1: 1,
				length: 2,
				
				currentValue: function(ii) {
					//参数是下标
					//返回一个属性值		   
					return this[ii]
				},
				index: function(ii) {
					//参数 下标
					//当前正在处理的下标索引
					//返回下标的索引
					return ii;
				},
				array: function() {
					//参数正在操作的数组
					return this
				},
				map: function(ii) {
					var iii = {
						length: 0,
					}
					for (var i = 0; i < this.length; i++) {
						// 吧计算后的值赋值给性数组
						iii[i] = ii(this.currentValue(i),
							this.index(i),
							this.array()
						)
						iii.length += 1;
					}
					return iii;
				},
			}
			
			//   字左版本  bug
			  //  return 这个关键字链我调用的函数都给我推出去了
			var i = array.map(function(ii, iii, iiii) {
				return ii * ii;
			})
			console.log(i)
			//  标准版本
			//       var i=[1,2,3]
			// var ii=i.map(function(x,iii,iiii){
			// 	// console.log(ii)
			// 	// console.log(iii)
			// 	// console.log(iiii)
			// 	return x*iii;
			// })
			// console.log(ii)
		</script>

filter（）//返回在区间范围只能的数组

	<body>
		<script>
			var array = {
				0: 2,
				1: 1,
				length: 2,
				
				currentValue: function(ii) {
					//参数是下标
					//返回一个属性值		   
					return this[ii]
				},
				index: function(ii) {
					//参数 下标
					//当前正在处理的下标索引
					//返回下标的索引
					return ii;
				},
				array: function() {
					//参数正在操作的数组
					return this
				},
				filter: function(ii) {
					var iii = {
						length: 0,
					}
					for (var i = 0; i < this.length; i++) {
						//  是正的花就赋值 假的花就不复制
					    var bu= ii(this.currentValue(i),
							this.index(i),
							this.array()
						)
						if(bu){
							iii[i]=this[i]
							iii.length += 1;
						}
						
					}
					return iii;
				},
			}
			
			//   字左版本  bug
			// 
			var i = array.filter(function(ii, iii, iiii) {
				return ii<2;
			})
			console.log(i)
			//  标准版本ii
			//       var i=[1,2,3]
			// 	var ii=  i.filter(function(ii,iii,iiii){
			// 		  console.log(ii)
			// 		  console.log(iii)
			// 		  console.log(iii)
			// 		  return ii<3;
			// 	  })
			// console.log(ii)
		</script>
	</body>

every（）//检测是否都能通过测试

		<script>
			var array = {
				0: 2,
				1: 1,
				length: 2,
				
				currentValue: function(ii) {
					//参数是下标
					//返回一个属性值		   
					return this[ii]
				},
				index: function(ii) {
					//参数 下标
					//当前正在处理的下标索引
					//返回下标的索引
					return ii;
				},
				array: function() {
					//参数正在操作的数组
					return this
				},
				reduce: function(ii) {
					var iii = {
						length: 0,
					}
					for (var i = 0; i < this.length; i++) {
						//  是正的花就赋值 假的花就不复制
					    var bu= ii(this.currentValue(i),
							this.index(i),
							this.array()
						)
						if(!bu){
							return false
						}

						
					}
					return true;
				},
			}
			
			//   字左版本  bug
			// 
			// var i = array.filter(function(ii, iii, iiii) {
			// 	return ii<2;
			// })
			// console.log(i)
			//  标准版本ii
			//       var i=[1,2,3]
			// 	var ii=  i.reduce(function(ii,iii,iiii){
			// 		  console.log(ii)
			// 		  console.log(iii)
			// 		  console.log(iii)
			// 		  return ii+iii;
			// 	  })
			// console.log(ii)
		</script>
qq_45827064
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaScript 数组对象 回调函数
chengqingshihuishui的博客
09-20 845
1、数组（Array）概述 数组也是一个对象，和普通对象功能类似，也是用来储存值。数组中的元素可以存放任意数据类型（包括对象和函数）,既然数组也是对象，所以，数组中可以继续嵌套数组（多维数组） 和普通对象的差异：普通对象使用字符串作为属性名，数组使用数字类作为索引操作元素。（见下图） 索引： 从0开始的整数就是索引。 2、创建数组对象 2.1字面量创建数组 语法： [值1，值2，值3... ] //区别普通对象{属性名1：属性值1，属性名2：属性值2....} ...
js用递归遍历多维数组_JS数组的遍历上 (含forEach等方法源码)
weixin_39812577的博客
11-22 3624
forEach()方法用于调用数组的每个元素(循环遍历数组中的每一个元素)，并将元素传递给回调函数。它内部的回调函数可以传入三个参数：function(item, index, arr)item为必填参数，表示当前元素index为可选参数，表示当前元素的索引arr同样为可选参数，表示当前元素所属的数组对象(正在遍历的这个数组)。forEach源码实现：Array.prototype.myForEa...
前端学习day10--js0301:回调函数
qq_45926448的博客
06-23 199
回调函数，数组 ，求数组中数据的平均值，求一个数组中的最小数，修改数组中的值，把数组中大于某个数的元素保存到新的数组中
JavaScript实现将目标数组中大于等于10的元素选出来，放入新数组
入梦风行的博客
04-29 1090
JavaScript实现将目标数组中大于等于10的元素选出来，放入新数组
javascript练习将不为0的数 新加到 新数组 里
cookies_duoduo的博客
07-30 466
javascript for循环的练习
回调函数的案例
weixin_48912846的博客
01-17 93
let arr = [11,22,33,44,55,111,222,333,444,555] //传统方法 //找出数组中的所有的偶数 for(let i=0;i<arr.length;i++){ if(arr[i]%2===0){ console.log(arr[i]); } } //找出数组中的所有三位数 for(let i=0;i<arr.length;i++){ if(arr[i]>=100 && arr[i]<1000){ console.lo
js数组方法扩展实现数组统计函数
12-03
这是一个辅助函数，用于遍历数组并执行回调函数`callback`。它接受一个数组和一个初始值（在求最大值和最小值时为undefined，在求和时为0），然后遍历数组中的每个元素，根据回调函数的结果更新返回值。 5. **`max...
JS回调函数简单易懂的入门实例分析
12-13
JavaScript中的回调函数是一种重要的编程概念，它涉及到函数作为其他函数的参数传递，以便在特定条件满足后执行。回调函数在JavaScript中广泛应用于异步编程，处理事件，以及控制流程等场景。 首先，让我们深入理解...
javascript回调函数的概念理解与用法分析
10-19
3. 遍历和排序：在数组操作中，`Array.prototype.forEach` 和 `Array.prototype.sort` 方法接受一个回调函数，用于对每个元素进行处理或进行比较。 4. 定时器：`setTimeout` 和 `setInterval` 函数也使用回调函数来...
JS中的回调函数实例浅析
10-18
3. 数组方法，如`Array.prototype.map`, `Array.prototype.filter`等，它们接受回调函数并应用于数组的每个元素。 然而，回调函数也存在一些挑战，例如回调地狱（Callback Hell），即当多个异步操作嵌套使用回调...
在javascript中实现函数数组的方法
10-26
或者，在异步编程中，可以将多个回调函数放入数组，根据需求按顺序或并行执行这些回调。 总的来说，JavaScript的函数数组是其灵活性和动态性的一个体现，它允许我们以更抽象和灵活的方式组织代码，处理各种复杂逻辑...
回调函数要点和难点具体应用.zip
最新发布
05-24
在数据处理中，数组的map、filter和reduce方法也经常与回调函数一起使用，以对数组元素进行迭代和转换。 为了更好地理解和运用回调函数，我们需要关注以下几点： 1. 函数作为一等公民：理解函数在编程语言中的地位...
javascript AOP 实现ajax回调函数使用比较方便
10-28
然而，当有多个Ajax请求并且每个都需要相似的预处理或后处理逻辑时，回调函数会变得复杂且难以维护。 给出的代码实现了一个简单的AOP装饰器模式，用于在方法执行前后插入额外的行为。装饰器模式是一种设计模式，它...
javascript数组去重方法终极总结
01-19
有时会碰上这种需求，需要将数组中重复的元素删除掉，而只保留一个。最先想到的办法很可能就是用2个for循环来做比较然后去除掉重复的元素，代码如下所示： 方法1： 代码如下:Array.prototype.distinct = function()...
javascript Array数组对象的扩展函数代码
10-29
3. `YArray.each`: 类似于`Array.prototype.forEach`，遍历数组并执行回调函数。 4. `YArray.hash`: 创建一个哈希对象，键值来自数组元素。 5. `YArray.indexOf`: 类似于`Array.prototype.indexOf`，查找数组中指定...
js数组的filter()函数
gaobw1的博客
09-20 2118
js 数组 filter
JS数组方法
weixin_39407703的博客
09-22 56
ForEach
Javascript笔记
jiayuScholar的博客
06-30 221
Javascript ###一、Javascript简介 1.什么是Javascript Javascript简称JS，由网景公司开发的客户端脚本语言，不需要编译，可以直接运行 web前端三层： 结构层HTML，定义页面的结构 样式层css，定义页面的样式 行为层Javascript用来实现交互，提升用户的体验 2.Javascript的作用 在客户端浏览器上动态的操作页面 在客户端浏览器上做数据的校验 可以在客户端上发送异步请求 二、引用方式 1.内联方式 在页面中使用script标签，在scri
nodejs 回调函数 里面赋值给外面_FIBJS模块重构—从回调到协程
weixin_39603622的博客
12-17 355
来自FIBJS核心贡献者陈垒在 D2 的演讲 “FIBJS模块重构—从回调到协程”。JS的应用非常广泛，例如做一些浏览器的发展、机器学习、控制机器人以及编写嵌入式的应用。如上图所示为使用浏览器原生的对象发送一个请求的典型例子。首先创建了一个xhr对象，接下来的一步并不是马上发送它，而是要设一个回调函数onreadystatechange，这个函数表示请求完成以后怎样处理返回结果。xhr也...
HTML中数组和回调函数的应用
06-01
在HTML中，数组和回调函数可以用于处理多个元素或事件的情况。 数组可以用来存储和操作一组相似的元素，例如一组按钮或一组图像。在HTML中，可以通过JavaScript创建一个数组，并使用索引来访问数组中的元素。例如，以下代码创建了一个包含三个按钮的数组，然后使用for循环在页面上创建这些按钮： ```html <button id="btn1">Button 1</button> <button id="btn2">Button 2</button> <button id="btn3">Button 3</button> <script> const buttons = [ document.getElementById('btn1'), document.getElementById('btn2'), document.getElementById('btn3') ]; for (let i = 0; i < buttons.length; i++) { buttons[i].addEventListener('click', function() { console.log('Button ' + (i+1) + ' clicked!'); }); } </script> ``` 在上面的代码中，我们首先创建一个包含三个按钮元素的数组，然后使用for循环为每个按钮添加一个点击事件监听器。当任何一个按钮被点击时，回调函数会被调用并输出一个消息到控制台，显示哪个按钮被点击了。 回调函数在HTML中也经常被用来处理异步操作，例如在加载外部资源（如图像或脚本）时。在这种情况下，我们通常使用一个回调函数来处理资源的加载完成事件。例如，以下代码使用回调函数来在图像加载完成后更新页面上的图像元素： ```html <img id="myImage" src="placeholder.jpg"> <script> const img = document.getElementById('myImage'); img.addEventListener('load', function() { console.log('Image loaded!'); }); img.src = 'https://example.com/image.jpg'; </script> ``` 在上面的代码中，我们首先创建一个图像元素，并将其源文件设置为占位符图像。然后，我们为图像的加载完成事件添加了一个回调函数。最后，我们将图像的源文件更新为实际图像的URL。当图像加载完成后，回调函数会被调用并输出一个消息到控制台。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值