关于foreach函数使用的小问题

最新推荐文章于 2022-04-04 19:28:14 发布
置顶 最新推荐文章于 2022-04-04 19:28:14 发布 212 收藏
分类专栏： 前端vue基础 文章标签： 前端foreach的使用 js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42001188/article/details/102733862
版权

关于foreach函数使用的小问题

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>练习foreach</title>
	</head>
	<body>
		<button onclick="numbers.forEach(gttfunction)" >点击我，获取值</button>
		<p id= 'demo1'></p>
		<button onclick="numbered.forEach(gtfunction)" >点击我，获取大值</button>
		<p id= 'demo2'></p>
	</body>
	<script type="text/javascript">
		var numbers = [77,12,24,36,48];
		var numbered = [79,12,24,36,48];
		function gttfunction(item,index){
		demo1.innerHTML = demo1.innerHTML  /*注意点①*/   + "序列值为:" +'index['+index+']' + "内容为:" + item + "</br>"
		}
		function gtfunction(item,index,arr){//
			arr[index] = item*10;
			console.log(arr[index]);
			demo2.innerHTML=numbered
		}
	</script>
</html>

解释注意点：
①//注意当你foreach的是一个变量item而不是一个数组的话，需要运用demo1.innerHTML = demo1.innerHTML +你需要的内容，重复循环，否则会覆盖前面输出的内容；
而当你输出的是一个数组，如arr[index] = item10;，就不需要，因为这是一个完整的数组，arr[index] = item10相当于numbered*10再次赋值给numbered
②//注意在传递参数时，顺序不能改变，正确的传递顺序应该为(item,index,arr)，否则会照成输出结果不成功，在引入键值对的时候，一定记得也是值在前，键在后
③注意点，我是博客小白，如果有不当的地方，希望大家多多指出，我的qq：1792842775，我们可以qq交流！

阅读终点，创作起航，您可以撰写心得或摘录文章要点写篇博文。去创作
一纸小耳机
关注
  • 2
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
专栏目录
smarty内置函数foreach用法实例
10-24
主要介绍了smarty内置函数foreach用法,实例分析了smarty内置的foreach函数使用技巧与相关注意事项,需要的朋友可以参考下
foreach 函数
Jayson 博客
05-25 5984
foreach 函数 函数“foreach”不同于其它函数。它是一个循环函数。类似于Linux的shell中的for语句。          “foreach”函数的语法： $(foreach VAR,LIST,TEXT)           函数功能：这个函数的工作过程是这样的：如果需要（存在变量或者函数的引用），首先展开变量“VAR”和“LIST”的引用；而表达式“TEXT”中
关于el表达式foreach找不到对象属性的问题
qq_43350221的博客
06-10 2035
java报错--Property 'xxx' not found on type 包名.类名 <c:forEach items="${requestScope.customers}" var="cust"> <tr> <c:out value="${cust.name}"></c:out> </tr> </c:forEach...
javascript中的forEach()方法
qq_42931734的博客
04-23 232
forEach()方法需要一个函数作为参数： -像这种函数，由我们创建但是不是由我们调用的，我们称为回调函数 -数组中有几个元素函数就会执行几次，每次执行的时候，浏览器会将遍历到的元素 以实参的形式传递进来，我们可以来定义形参，来读取这些内容 -浏览器会在回调函数中传递三个参数： 第一个参数，就是当前正在遍历的元素， 第二个参数，就是当前正在遍历的元素的索引 第三个 参数，就是正在遍历的数组 ar...
报错：xxx.foreach is not a function
世界和我们都不该止步于此
03-19 5742
意思是xxx调用了foreach, 但不是一个方法 我们查看如下代码： var arr = [1, 2, 3]; arr.foreach(function (val) { console.log(val); }) Uncaught TypeError: arr.foreach is not a function Uncaught：未捕获到 TypeError：引用错误 arr.foreach is not a function： arr.foreach 不是一个方法 那就是
JavaScript中foreach()用法及使用的坑
web前端开发
04-22 1万+
JavaScript中foreach是用于遍历数组的方法，将遍历到的元素传递给回调函数，遍历的数组不能是空的要有值。foreach 语法：[ ].forEach(function(valu...
foreach使用引用时的一个坑 - foreach源码分析
weixin_33963594的博客
07-10 185
背景描述 先看一段代码。 $arr = [ 'jack' => '20', 'tom' => '21', 'marry' => '54', 'less' => '23' ]; foreach ($arr as &$val) { echo $val; } foreach ($a...
“forEach” is not a function
热门推荐
wheresmyteammate的博客
02-18 1万+
项目场景： 看一段代码： function test(arr) { (arr || []).forEach(console.log) (arr || []).forEach(console.log) } test([1,2,3]) 他的执行结果是什么？ 问题描述： 我们手动执行一下来验证自己的猜想吧： Uncaught TypeError: (arr || []).forEach(...) is not a function at test (<anonymous>:3
forEach中执行return无法跳出函数的解决方案
tomorrownan的博客
03-05 3495
遇到一个很奇葩的问题，只怪自己基础不牢靠。 在写提交函数时对字段是否填入做一个判断。要求每一个字段都填如以后才可以触发保存函数，否则不执行保存函数。 按照自己的习惯，我就顺手写了forEach循环，代码如下： handleSub() { this.fields.forEach((v) => { if (v.orderid === 0) { this.$message.err...
forEach()方法
weixin_34221036的博客
03-19 231
一、定义和用法 forEach( )方法用于调用数组的每个元素，并将元素传递给回调函数。 二、注意 forEach( )方法对空数组是不会执行回调函数的。 三、语法 array.forEach(function(currentValue,index,arr),this.Value) 四、参数 参数描述 function(currentValue, index, a...
数组无法使用 forEach() 方法 - 分号的重要性
weixin_34301307的博客
08-23 678
问题描述： 函数的结构如上图所示，在调用该函数的时候，浏览器报错： 分析原因： 在 js 的语法中，如果语句独占一行，通常可以省略句末的分号 但实际上 js 解析代码的时候，只有在句末缺少分号就无法正常运行的时候，才会自动填补分号 如果前后的语句能够组成一个语法正确的语句，则不会自动填补分号 上面的函数中，js 实际处理的代码为： function test(a, ...
javascript forEach函数实现代码
10-29
在Base2中找到一个叫forEach的函数，是我见过的最好的实现。挖出来分析一下。它能对各种普通对象，字符串，数组以及类数组进行遍历。如果原游览器的对象已实现此函数，它则调用原对象的函数。
js中的forEach不是for
yangfan的博客
06-10 627
js中的遍历方式有几种： for 遍历 forEach函数遍历 map函数遍历 for...in..遍历 for...of...遍历 其中for循环遍历可以使用continue和break，跳出本次循环和整个循环。 forEach样子跟for有点类似，但是其中不能使用break来跳出循环。 forEach中包含break/continue，运行会直接报错。 return语...
JavaScript forEach()遍历函数使用及介绍
10-23
主要介绍了JavaScript forEach()遍历函数使用及介绍,本文讲解了使用forEach遍历数组的用法以及提前终止循环的一个方法技巧,需要的朋友可以参考下
jsp中使用forEach标签需要导包
weixin_41557802的博客
09-28 4799
jsp中使用forEach标签一定要记住导包 &lt;%@ taglib prefix=“c” uri=“http://java.sun.com/jsp/jstl/core”%&gt;
[VUE]报错:Error in v-on handler: “TypeError: handler.apply is not a function“
Loery1314的博客
04-04 5073
以下为代码出错的地方： <input name="m1" type="checkbox" v-model="agree" @change="agree"/> data() { return { // 是否同意 agree:true } }, 原因就是处理事件的函数名和data中的数据名“重名”！ 解决方法：给change事件加一个布尔值即可！ <input name="m1" type="checkbox" v-model="a...
关于 foreach 函数的具体用法
最新发布
07-12
在 Makefile 中，foreach 函数用于迭代一个列表，并对列表中的每个元素执行相同的操作。其基本语法如下： ```makefile $(foreach var, list, text) ``` 其中，`var` 是一个临时变量，用于保存列表中的每个元素；`list` 是一个以空格分隔的列表；`text` 是对列表中的每个元素进行操作的表达式。 下面是一个示例： ```makefile fruits := apple banana cherry all: @$(foreach fruit, $(fruits), echo $(fruit);) ``` 在上面的示例中，我们定义了一个名为 `fruits` 的变量，它包含了三个水果名称。然后，在 `all` 目标中使用了 foreach 函数来遍历 `fruits` 列表，并通过 `echo` 命令打印每个水果名称。 执行 `make all` 命令，将会输出以下结果： ``` apple banana cherry ``` 通过 foreach 函数，我们可以方便地对一个列表中的每个元素进行相同的操作。这在编写 Makefile 时非常有用，可以避免重复的代码。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

一纸小耳机

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值