使用Array对象方法，您可以修改Array内容，但与基本的for循环相比，这些方法缺少一个重要的功能。不能在运行中修改索引。

例如，如果您要删除当前元素并将其放在同一数组中的另一个索引位置，您可以轻松地做到这一点。如果您将当前元素移动到之前的位置，那么在下一次迭代中，您将得到相同的下一项，就像您什么都没有做一样。

考虑这段代码，当索引数达到5时，我们将索引位置5的项移动到索引位置2。

var ar = [0,1,2,3,4,5,6,7,8,9];
ar.forEach((e,i,a) => {
i == 5 && a.splice(2,0,a.splice(i,1)[0])
console.log(i,e);
}); // 0 0 - 1 1 - 2 2 - 3 3 - 4 4 - 5 5 - 6 6 - 7 7 - 8 8 - 9 9

但是，如果我们将当前元素移动到当前索引位置以外的位置，事情就会变得有点混乱。然后下一个项目将移动到移动项目的位置，在下一次迭代中，我们将无法看到或计算它。

考虑这段代码，当索引数达到5时，我们将索引位置5的项移动到索引位置7。

var a = [0,1,2,3,4,5,6,7,8,9];
a.forEach((e,i,a) => {
i == 5 && a.splice(7,0,a.splice(i,1)[0])
console.log(i,e);
}); // 0 0 - 1 1 - 2 2 - 3 3 - 4 4 - 5 5 - 6 7 - 7 5 - 8 8 - 9 9

所以我们在这个圈子里从来没有见过6个人。通常在for循环中，当向前移动数组项时，需要递减索引值，以便下次运行时索引保持在相同的位置，并且仍然可以计算移到已删除项位置的项。这对于数组方法是不可能的。您不能更改索引。检查以下代码

var a = [0,1,2,3,4,5,6,7,8,9];
a.forEach((e,i,a) => {
i == 5 && (a.splice(7,0,a.splice(i,1)[0]), i--);
console.log(i,e);
}); // 0 0 - 1 1 - 2 2 - 3 3 - 4 4 - 4 5 - 6 7 - 7 5 - 8 8 - 9 9

如你所见，当我们递减i时，它不会从5开始，而是从6开始。

记住这一点。

foreach函数可以有一个回调函数(eachelement, elementIndex) 所以基本上你需要做的是:

arr.forEach(function(element,index){
    arr[index] = "four";   //set the value  
});
console.log(arr); //the array has been overwritten.

或者，如果您想保留原始数组，可以在执行上述过程之前对其进行复制。 要制作副本，您可以使用:

var copy = arr.slice();

将其替换为数组的索引。

array[index] = new_value;

使用Array对象方法，您可以修改Array内容，但与基本的for循环相比，这些方法缺少一个重要的功能。不能在运行中修改索引。

例如，如果您要删除当前元素并将其放在同一数组中的另一个索引位置，您可以轻松地做到这一点。如果您将当前元素移动到之前的位置，那么在下一次迭代中，您将得到相同的下一项，就像您什么都没有做一样。

考虑这段代码，当索引数达到5时，我们将索引位置5的项移动到索引位置2。

var ar = [0,1,2,3,4,5,6,7,8,9];
ar.forEach((e,i,a) => {
i == 5 && a.splice(2,0,a.splice(i,1)[0])
console.log(i,e);
}); // 0 0 - 1 1 - 2 2 - 3 3 - 4 4 - 5 5 - 6 6 - 7 7 - 8 8 - 9 9

但是，如果我们将当前元素移动到当前索引位置以外的位置，事情就会变得有点混乱。然后下一个项目将移动到移动项目的位置，在下一次迭代中，我们将无法看到或计算它。

考虑这段代码，当索引数达到5时，我们将索引位置5的项移动到索引位置7。

var a = [0,1,2,3,4,5,6,7,8,9];
a.forEach((e,i,a) => {
i == 5 && a.splice(7,0,a.splice(i,1)[0])
console.log(i,e);
}); // 0 0 - 1 1 - 2 2 - 3 3 - 4 4 - 5 5 - 6 7 - 7 5 - 8 8 - 9 9

所以我们在这个圈子里从来没有见过6个人。通常在for循环中，当向前移动数组项时，需要递减索引值，以便下次运行时索引保持在相同的位置，并且仍然可以计算移到已删除项位置的项。这对于数组方法是不可能的。您不能更改索引。检查以下代码

var a = [0,1,2,3,4,5,6,7,8,9];
a.forEach((e,i,a) => {
i == 5 && (a.splice(7,0,a.splice(i,1)[0]), i--);
console.log(i,e);
}); // 0 0 - 1 1 - 2 2 - 3 3 - 4 4 - 4 5 - 6 7 - 7 5 - 8 8 - 9 9

如你所见，当我们递减i时，它不会从5开始，而是从6开始。

记住这一点。

下面是使用=>样式函数的类似答案:

var data = [1,2,3,4];
data.forEach( (item, i, self) => self[i] = item + 10 );

给出结果:

[11,12,13,14]

self参数对于箭头样式函数并不是严格必要的，所以

data.forEach( (item,i) => data[i] = item + 10);

同样适用。

数组:[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);