要完全添加或删除会改变索引的元素，可以通过扩展zhujy_8833的slice()建议迭代一个副本，只需计算已经删除或添加的元素的数量，并相应地更改索引。例如，要删除元素:

let values = ["A0", "A1", "A2", "A3", "A4", "A5", "A6", "A7", "A8"];
let count = 0;
values.slice().forEach((value, index) => {
    if (value === "A2" || value === "A5") {
        values.splice(index - count++, 1);
    };
});
console.log(values);

// Expected: [ 'A0', 'A1', 'A3', 'A4', 'A6', 'A7', 'A8' ]

在前面插入元素:

if (value === "A0" || value === "A6" || value === "A8") {
    values.splice(index - count--, 0, 'newVal');
};

// Expected: ['newVal', A0, 'A1', 'A2', 'A3', 'A4', 'A5', 'newVal', 'A6', 'A7', 'newVal', 'A8' ]

在后面插入元素:

if (value === "A0" || value === "A6" || value === "A8") {
    values.splice(index - --count, 0, 'newVal');
};

// Expected: ['A0', 'newVal', 'A1', 'A2', 'A3', 'A4', 'A5', 'A6', 'newVal', 'A7', 'A8', 'newVal']

替换一个元素:

if (value === "A3" || value === "A4" || value === "A7") {
    values.splice(index, 1, 'newVal');
};

// Expected: [ 'A0', 'A1', 'A2', 'newVal', 'newVal', 'A5', 'A6', 'newVal', 'A8' ]

注意:如果同时实现'before'和'after'插入，代码应该先处理'before'插入，否则就不会像预期的那样

将其替换为数组的索引。

array[index] = new_value;

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

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);

同样适用。

要完全添加或删除会改变索引的元素，可以通过扩展zhujy_8833的slice()建议迭代一个副本，只需计算已经删除或添加的元素的数量，并相应地更改索引。例如，要删除元素:

let values = ["A0", "A1", "A2", "A3", "A4", "A5", "A6", "A7", "A8"];
let count = 0;
values.slice().forEach((value, index) => {
    if (value === "A2" || value === "A5") {
        values.splice(index - count++, 1);
    };
});
console.log(values);

// Expected: [ 'A0', 'A1', 'A3', 'A4', 'A6', 'A7', 'A8' ]

在前面插入元素:

if (value === "A0" || value === "A6" || value === "A8") {
    values.splice(index - count--, 0, 'newVal');
};

// Expected: ['newVal', A0, 'A1', 'A2', 'A3', 'A4', 'A5', 'newVal', 'A6', 'A7', 'newVal', 'A8' ]

在后面插入元素:

if (value === "A0" || value === "A6" || value === "A8") {
    values.splice(index - --count, 0, 'newVal');
};

// Expected: ['A0', 'newVal', 'A1', 'A2', 'A3', 'A4', 'A5', 'A6', 'newVal', 'A7', 'A8', 'newVal']

替换一个元素:

if (value === "A3" || value === "A4" || value === "A7") {
    values.splice(index, 1, 'newVal');
};

// Expected: [ 'A0', 'A1', 'A2', 'newVal', 'newVal', 'A5', 'A6', 'newVal', 'A8' ]

注意:如果同时实现'before'和'after'插入，代码应该先处理'before'插入，否则就不会像预期的那样

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

回调函数传递元素、索引和数组本身。

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链接