例子:
var arr = ["one","two","three"];
arr.forEach(function(part){
part = "four";
return "four";
})
alert(arr);
数组仍然是它的原始值,有任何方法来写访问数组的元素从迭代函数?
例子:
var arr = ["one","two","three"];
arr.forEach(function(part){
part = "four";
return "four";
})
alert(arr);
数组仍然是它的原始值,有任何方法来写访问数组的元素从迭代函数?
当前回答
回调函数传递元素、索引和数组本身。
arr.forEach(function(part, index, theArray) {
theArray[index] = "hello world";
});
edit -正如注释中所指出的,.forEach()函数可以接受第二个参数,它将在每次调用回调时用作this的值:
arr.forEach(function(part, index) {
this[index] = "hello world";
}, arr); // use arr as this
第二个例子显示了在回调中arr本身是这样设置的。有人可能会认为.forEach()调用中涉及的数组可能是this的默认值,但不管出于什么原因,它不是;如果没有提供第二个参数,则没有定义。
(注意:如果回调函数是=>函数,上述内容并不适用,因为在调用此类函数时,它从未绑定到任何东西。)
同样重要的是要记住,Array原型上提供了一整套类似的实用程序,并且Stackoverflow上出现了许多关于某个函数或另一个函数的问题,因此最好的解决方案就是选择一个不同的工具。你有:
forEach用于对数组中的每个条目执行操作; 用于生成只包含符合条件的项的新数组的过滤器; 映射,通过转换现有数组来创建一个一对一的新数组; 一些用于检查数组中是否至少有一个元素符合某些描述; each用于检查数组中的所有条目是否与描述匹配; Find用于在数组中查找值
等等。MDN链接
其他回答
Javascript是按值传递的,这本质上意味着部分是数组中值的副本。
要更改该值,请在循环中访问数组本身。
Arr [index] = '新值';
让我们尽量保持简单,并讨论它是如何实际工作的。它与变量类型和函数参数有关。
下面是我们正在讨论的代码:
var arr = ["one","two","three"];
arr.forEach(function(part) {
part = "four";
return "four";
})
alert(arr);
首先,这里是你应该阅读关于Array.prototype.forEach()的地方:
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/forEach
其次,让我们简要地讨论一下JavaScript中的值类型。
基本类型(未定义,空,字符串,布尔,数字)存储一个实际值。
var x = 5;
引用类型(自定义对象)存储对象的内存位置。
例如:var xObj = {x: 5};
第三,函数参数是如何工作的。
在函数中,参数总是按值传递。
因为arr是一个字符串数组,它是一个基本对象数组,这意味着它们是按值存储的。
所以对于上面的代码,这意味着每次forEach()迭代时,part都等于arr[index]的相同值,但不是同一个对象。
Part = "four";改变部分变量,但不改变arr。
下面的代码将改变你想要的值:
var arr = ["one","two","three"];
arr.forEach(function(part, index) {
arr[index] = "four";
});
alert(arr);
现在,如果数组arr是一个引用类型的数组,下面的代码将工作,因为引用类型存储的是对象的内存位置,而不是实际对象。
var arr = [{ num : "one" }, { num : "two"}, { num : "three"}];
arr.forEach(function(part, index) {
// part and arr[index] point to the same object
// so changing the object that part points to changes the object that arr[index] points to
part.num = "four";
});
alert(arr[0].num);
alert(arr[1].num);
alert(arr[2].num);
下面的例子说明了你可以改变part来指向一个新的对象,同时保留存储在arr中的对象:
var arr = [{ num : "one" }, { num : "two"}, { num : "three"}];
arr.forEach(function(part, index) {
// the following will not change the object that arr[index] points to because part now points at a new object
part = 5;
});
alert(arr[0].num);
alert(arr[1].num);
alert(arr[2].num);
回调函数传递元素、索引和数组本身。
arr.forEach(function(part, index, theArray) {
theArray[index] = "hello world";
});
edit -正如注释中所指出的,.forEach()函数可以接受第二个参数,它将在每次调用回调时用作this的值:
arr.forEach(function(part, index) {
this[index] = "hello world";
}, arr); // use arr as this
第二个例子显示了在回调中arr本身是这样设置的。有人可能会认为.forEach()调用中涉及的数组可能是this的默认值,但不管出于什么原因,它不是;如果没有提供第二个参数,则没有定义。
(注意:如果回调函数是=>函数,上述内容并不适用,因为在调用此类函数时,它从未绑定到任何东西。)
同样重要的是要记住,Array原型上提供了一整套类似的实用程序,并且Stackoverflow上出现了许多关于某个函数或另一个函数的问题,因此最好的解决方案就是选择一个不同的工具。你有:
forEach用于对数组中的每个条目执行操作; 用于生成只包含符合条件的项的新数组的过滤器; 映射,通过转换现有数组来创建一个一对一的新数组; 一些用于检查数组中是否至少有一个元素符合某些描述; each用于检查数组中的所有条目是否与描述匹配; Find用于在数组中查找值
等等。MDN链接
将其替换为数组的索引。
array[index] = new_value;
数组:[1,2,3,4] 结果:["foo1", "foo2", "foo3", "foo4"]
保持原始数组
const originalArr = ["Iron", "Super", "Ant", "Aqua"]; const modifiedArr = originalArr。Map (name => ' ${name}man '); console.log("Original: %s", originalArr); console.log("Modified: %s", modifiedArr);
覆盖原始数组
let originalArr =["铁","超级","蚂蚁","水"]; originalArr = originalArr。Map (name => ' ${name}man '); console.log("Original: %s", originalArr);
重写原始数组
const originalArr = ["Iron", "Super", "Ant", "Aqua"]; originalArr。forEach((name, index) => originalArr[index] = ' ${name}man '); console.log("被覆盖:%s", originalArr);