为什么数组上的js映射会修改原始数组？

您没有修改原始数组。您正在修改数组中的对象。如果要避免使数组中的对象发生变异，则可以使用

Object.assign

const freeProduct = function(products) {  return products.map(x => {    return Object.assign({}, x, {      productType: "free"    });  });};

2018编辑：

在大多数浏览器中，您现在可以使用对象传播语法来代替

Object.assign

const freeProduct = function(products) {  return products.map(x => {    return {      ...x,      productType: "free"    };  });};